colorhexa.com

#1ccdf0 hex color

In a RGB color space, hex #1ccdf0 is composed of 11% red, 80.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 14.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 189.9 degrees, a saturation of 87.6% and a lightness of 52.5%. #1ccdf0 color hex could be obtained by blending #38ffff with #009be1. Closest websafe color is: #33ccff.

- R 11
- G 80
- B 94
RGB color chart
- C 88
- M 15
- Y 0
- K 6
CMYK color chart

● #1ccdf0 color description : Vivid cyan.

The hexadecimal color #1ccdf0 has RGB values of R:28, G:205, B:240 and CMYK values of C:0.88, M:0.15, Y:0, K:0.06. Its decimal value is 1887728.

Hex triplet	1ccdf0	`#1ccdf0`
RGB Decimal	28, 205, 240	`rgb(28,205,240)`
RGB Percent	11, 80.4, 94.1	`rgb(11%,80.4%,94.1%)`
CMYK	88, 15, 0, 6
HSL	189.9°, 87.6, 52.5	`hsl(189.9,87.6%,52.5%)`
HSV (or HSB)	189.9°, 88.3, 94.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.19, -28.919, -28.83
XYZ	38.034, 50.197, 90.118
xyY	0.213, 0.281, 50.197
CIE-LCH	76.19, 40.835, 224.913
CIE-LUV	76.19, -53.978, -42.268
Hunter-Lab	70.85, -28.164, -25.819
Binary	00011100, 11001101, 11110000

#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#f03f1c
```
#f03f1c rgb(240,63,28)
```

Complementary Color

#1cf0a9
```
#1cf0a9 rgb(28,240,169)
```
#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#1c63f0
```
#1c63f0 rgb(28,99,240)
```

Analogous Color

#f0a91c
```
#f0a91c rgb(240,169,28)
```
#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#f01c63
```
#f01c63 rgb(240,28,99)
```

Split Complementary Color

#cdf01c
```
#cdf01c rgb(205,240,28)
```
#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#f01ccd
```
#f01ccd rgb(240,28,205)
```

Triadic Color

#1cf03f
```
#1cf03f rgb(28,240,63)
```
#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#f01ccd
```
#f01ccd rgb(240,28,205)
```
#f03f1c
```
#f03f1c rgb(240,63,28)
```

Tetradic Color

#0c98b4
```
#0c98b4 rgb(12,152,180)
```
#0daccc
```
#0daccc rgb(13,172,204)
```
#0fc0e3
```
#0fc0e3 rgb(15,192,227)
```
#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#34d2f2
```
#34d2f2 rgb(52,210,242)
```
#4cd8f3
```
#4cd8f3 rgb(76,216,243)
```
#64ddf5
```
#64ddf5 rgb(100,221,245)
```

Monochromatic Color

Below, you can see some colors close to #1ccdf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1cf0de
```
#1cf0de rgb(28,240,222)
```
#1cf0f0
```
#1cf0f0 rgb(28,240,240)
```
#1cdff0
```
#1cdff0 rgb(28,223,240)
```
#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#1cbbf0
```
#1cbbf0 rgb(28,187,240)
```
#1caaf0
```
#1caaf0 rgb(28,170,240)
```
#1c98f0
```
#1c98f0 rgb(28,152,240)
```

Similar Colors

Text with hexadecimal color #1ccdf0

This text has a font color of #1ccdf0.

<span style="color:#1ccdf0;">Text here</span>

#1ccdf0 background color

This paragraph has a background color of #1ccdf0.

<p style="background-color:#1ccdf0;">Content here</p>

#1ccdf0 border color

This element has a border color of #1ccdf0.

<div style="border:1px solid #1ccdf0;">Content here</div>

CSS codes

.text {color:#1ccdf0;}

.background {background-color:#1ccdf0;}

.border {border:1px solid #1ccdf0;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010a0c is the darkest color, while #f9feff is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#021a1f
```
#021a1f rgb(2,26,31)
```
#032931
```
#032931 rgb(3,41,49)
```
#043943
```
#043943 rgb(4,57,67)
```
#064956
```
#064956 rgb(6,73,86)
```
#075868
```
#075868 rgb(7,88,104)
```
#08687b
```
#08687b rgb(8,104,123)
```
#09778d
```
#09778d rgb(9,119,141)
```
#0b879f
```
#0b879f rgb(11,135,159)
```
#0c96b2
```
#0c96b2 rgb(12,150,178)
```
#0da6c4
```
#0da6c4 rgb(13,166,196)
```
#0eb6d7
```
#0eb6d7 rgb(14,182,215)
```
#0fc5e9
```
#0fc5e9 rgb(15,197,233)
```

Shade Color Variation

#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#2ed1f1
```
#2ed1f1 rgb(46,209,241)
```
#41d5f2
```
#41d5f2 rgb(65,213,242)
```
#53d9f4
```
#53d9f4 rgb(83,217,244)
```
#66ddf5
```
#66ddf5 rgb(102,221,245)
```
#78e1f6
```
#78e1f6 rgb(120,225,246)
```
#8ae5f7
```
#8ae5f7 rgb(138,229,247)
```
#9de9f9
```
#9de9f9 rgb(157,233,249)
```
#afedfa
```
#afedfa rgb(175,237,250)
```
#c2f1fb
```
#c2f1fb rgb(194,241,251)
```
#d4f6fc
```
#d4f6fc rgb(212,246,252)
```
#e6fafd
```
#e6fafd rgb(230,250,253)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82888a is the less saturated color, while #13d3f9 is the most saturated one.

#82888a
```
#82888a rgb(130,136,138)
```
#798f93
```
#798f93 rgb(121,143,147)
```
#70959c
```
#70959c rgb(112,149,156)
```
#669ba6
```
#669ba6 rgb(102,155,166)
```
#5da1af
```
#5da1af rgb(93,161,175)
```
#54a8b8
```
#54a8b8 rgb(84,168,184)
```
#4baec1
```
#4baec1 rgb(75,174,193)
```
#41b4cb
```
#41b4cb rgb(65,180,203)
```
#38bad4
```
#38bad4 rgb(56,186,212)
```
#2fc1dd
```
#2fc1dd rgb(47,193,221)
```
#25c7e7
```
#25c7e7 rgb(37,199,231)
```
#1ccdf0
```
#1ccdf0 rgb(28,205,240)
```
#13d3f9
```
#13d3f9 rgb(19,211,249)
```

Tone Color Variation

Below, you can see how #1ccdf0 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#9c9c9c Achromatopsia 0.005% of the population
#82a6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bde5 Protanopia 1% of men
#afbcf8 Deuteranopia 1% of men
#00d1e1 Tritanopia 0.001% of the population

Trichromacy

#7dc3e9 Protanomaly 1% of men, 0.01% of women
#7ac2f5 Deuteranomaly 6% of men, 0.4% of women
#0ad0e6 Tritanomaly 0.01% of the population