#66dcff hex color

In a RGB color space, hex #66dcff is composed of 40% red, 86.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 13.7% magenta, 0% yellow and 0% black. It has a hue angle of 193.7 degrees, a saturation of 100% and a lightness of 70%. #66dcff color hex could be obtained by blending #ccffff with #00b9ff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 86
- B 100
RGB color chart
- C 60
- M 14
- Y 0
- K 0
CMYK color chart

● #66dcff color description : Light cyan.

The hexadecimal color #66dcff has RGB values of R:102, G:220, B:255 and CMYK values of C:0.6, M:0.14, Y:0, K:0. Its decimal value is 6741247.

Hex triplet	66dcff	`#66dcff`
RGB Decimal	102, 220, 255	`rgb(102,220,255)`
RGB Percent	40, 86.3, 100	`rgb(40%,86.3%,100%)`
CMYK	60, 14, 0, 0
HSL	193.7°, 100, 70	`hsl(193.7,100%,70%)`
HSV (or HSB)	193.7°, 60, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.501, -23.333, -27.029
XYZ	49.118, 61.227, 103.832
xyY	0.229, 0.286, 61.227
CIE-LCH	82.501, 35.707, 229.197
CIE-LUV	82.501, -47.437, -40.222
Hunter-Lab	78.248, -24.886, -23.902
Binary	01100110, 11011100, 11111111

#66dcff
```
#66dcff rgb(102,220,255)
```
#ff8966
```
#ff8966 rgb(255,137,102)
```

Complementary Color

#66ffd6
```
#66ffd6 rgb(102,255,214)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#6690ff
```
#6690ff rgb(102,144,255)
```

Analogous Color

#ffd666
```
#ffd666 rgb(255,214,102)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#ff6690
```
#ff6690 rgb(255,102,144)
```

Split Complementary Color

#dcff66
```
#dcff66 rgb(220,255,102)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#ff66dc
```
#ff66dc rgb(255,102,220)
```

Triadic Color

#66ff89
```
#66ff89 rgb(102,255,137)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#ff66dc
```
#ff66dc rgb(255,102,220)
```
#ff8966
```
#ff8966 rgb(255,137,102)
```

Tetradic Color

#1acbff
```
#1acbff rgb(26,203,255)
```
#33d0ff
```
#33d0ff rgb(51,208,255)
```
#4dd6ff
```
#4dd6ff rgb(77,214,255)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#80e2ff
```
#80e2ff rgb(128,226,255)
```
#99e8ff
```
#99e8ff rgb(153,232,255)
```
#b3eeff
```
#b3eeff rgb(179,238,255)
```

Monochromatic Color

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

#66fffc
```
#66fffc rgb(102,255,252)
```
#66f6ff
```
#66f6ff rgb(102,246,255)
```
#66e9ff
```
#66e9ff rgb(102,233,255)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#66cfff
```
#66cfff rgb(102,207,255)
```
#66c3ff
```
#66c3ff rgb(102,195,255)
```
#66b6ff
```
#66b6ff rgb(102,182,255)
```

Similar Colors

Text with hexadecimal color #66dcff

This text has a font color of #66dcff.

<span style="color:#66dcff;">Text here</span>

#66dcff background color

This paragraph has a background color of #66dcff.

<p style="background-color:#66dcff;">Content here</p>

#66dcff border color

This element has a border color of #66dcff.

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

CSS codes

.text {color:#66dcff;}

.background {background-color:#66dcff;}

.border {border:1px solid #66dcff;}

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, #000304 is the darkest color, while #effbff is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#001218
```
#001218 rgb(0,18,24)
```
#00212b
```
#00212b rgb(0,33,43)
```
#00303f
```
#00303f rgb(0,48,63)
```
#004052
```
#004052 rgb(0,64,82)
```
#004f66
```
#004f66 rgb(0,79,102)
```
#005e7a
```
#005e7a rgb(0,94,122)
```
#006d8d
```
#006d8d rgb(0,109,141)
```
#007ca1
```
#007ca1 rgb(0,124,161)
```
#008bb4
```
#008bb4 rgb(0,139,180)
```
#009ac8
```
#009ac8 rgb(0,154,200)
```
#00a9dc
```
#00a9dc rgb(0,169,220)
```
#00b9ef
```
#00b9ef rgb(0,185,239)
```

Shade Color Variation

#04c6ff
```
#04c6ff rgb(4,198,255)
```
#18caff
```
#18caff rgb(24,202,255)
```
#2bcfff
```
#2bcfff rgb(43,207,255)
```
#3fd3ff
```
#3fd3ff rgb(63,211,255)
```
#52d8ff
```
#52d8ff rgb(82,216,255)
```
#66dcff
```
#66dcff rgb(102,220,255)
```
#7ae0ff
```
#7ae0ff rgb(122,224,255)
```
#8de5ff
```
#8de5ff rgb(141,229,255)
```
#a1e9ff
```
#a1e9ff rgb(161,233,255)
```
#b4eeff
```
#b4eeff rgb(180,238,255)
```
#c8f2ff
```
#c8f2ff rgb(200,242,255)
```
#dcf7ff
```
#dcf7ff rgb(220,247,255)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #adb6b8 is the less saturated color, while #66dcff is the most saturated one.

#adb6b8
```
#adb6b8 rgb(173,182,184)
```
#a7b9be
```
#a7b9be rgb(167,185,190)
```
#a1bcc4
```
#a1bcc4 rgb(161,188,196)
```
#9bbfca
```
#9bbfca rgb(155,191,202)
```
#95c2d0
```
#95c2d0 rgb(149,194,208)
```
#8fc6d6
```
#8fc6d6 rgb(143,198,214)
```
#89c9dc
```
#89c9dc rgb(137,201,220)
```
#83cce2
```
#83cce2 rgb(131,204,226)
```
#7ecfe7
```
#7ecfe7 rgb(126,207,231)
```
#78d2ed
```
#78d2ed rgb(120,210,237)
```
#72d6f3
```
#72d6f3 rgb(114,214,243)
```
#6cd9f9
```
#6cd9f9 rgb(108,217,249)
```
#66dcff
```
#66dcff rgb(102,220,255)
```

Tone Color Variation

Below, you can see how #66dcff 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

#bdbdbd Achromatopsia 0.005% of the population
#acc3ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cef5 Protanopia 1% of men
#c6ccff Deuteranopia 1% of men
#65e0f0 Tritanopia 0.001% of the population

Trichromacy

#a3d3f8 Protanomaly 1% of men, 0.01% of women
#a3d2ff Deuteranomaly 6% of men, 0.4% of women
#65def5 Tritanomaly 0.01% of the population

#66dcff hex color

#66dcff Color Information

#66dcff Color Conversion

Color Schemes with #66dcff

Alternatives to #66dcff

#66dcff Preview

Shades and Tints of #66dcff

Tones of #66dcff

Color Blindness Simulator