#66daf4 hex color

In a RGB color space, hex #66daf4 is composed of 40% red, 85.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 10.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 191 degrees, a saturation of 86.6% and a lightness of 67.8%. #66daf4 color hex could be obtained by blending #ccffff with #00b5e9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 85
- B 96
RGB color chart
- C 58
- M 11
- Y 0
- K 4
CMYK color chart

● #66daf4 color description : Soft cyan.

The hexadecimal color #66daf4 has RGB values of R:102, G:218, B:244 and CMYK values of C:0.58, M:0.11, Y:0, K:0.04. Its decimal value is 6740724.

Hex triplet	66daf4	`#66daf4`
RGB Decimal	102, 218, 244	`rgb(102,218,244)`
RGB Percent	40, 85.5, 95.7	`rgb(40%,85.5%,95.7%)`
CMYK	58, 11, 0, 4
HSL	191°, 86.6, 67.8	`hsl(191,86.6%,67.8%)`
HSV (or HSB)	191°, 58.2, 95.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.563, -25.493, -22.627
XYZ	46.876, 59.496, 94.596
xyY	0.233, 0.296, 59.496
CIE-LCH	81.563, 34.086, 221.591
CIE-LUV	81.563, -47.226, -32.389
Hunter-Lab	77.133, -26.505, -18.72
Binary	01100110, 11011010, 11110100

#66daf4
```
#66daf4 rgb(102,218,244)
```
#f48066
```
#f48066 rgb(244,128,102)
```

Complementary Color

#66f4c7
```
#66f4c7 rgb(102,244,199)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#6693f4
```
#6693f4 rgb(102,147,244)
```

Analogous Color

#f4c766
```
#f4c766 rgb(244,199,102)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#f46693
```
#f46693 rgb(244,102,147)
```

Split Complementary Color

#daf466
```
#daf466 rgb(218,244,102)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#f466da
```
#f466da rgb(244,102,218)
```

Triadic Color

#66f480
```
#66f480 rgb(102,244,128)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#f466da
```
#f466da rgb(244,102,218)
```
#f48066
```
#f48066 rgb(244,128,102)
```

Tetradic Color

#1fc9ef
```
#1fc9ef rgb(31,201,239)
```
#36cef1
```
#36cef1 rgb(54,206,241)
```
#4ed4f2
```
#4ed4f2 rgb(78,212,242)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#7ee0f6
```
#7ee0f6 rgb(126,224,246)
```
#96e6f7
```
#96e6f7 rgb(150,230,247)
```
#adebf9
```
#adebf9 rgb(173,235,249)
```

Monochromatic Color

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

#66f4eb
```
#66f4eb rgb(102,244,235)
```
#66f2f4
```
#66f2f4 rgb(102,242,244)
```
#66e6f4
```
#66e6f4 rgb(102,230,244)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#66cef4
```
#66cef4 rgb(102,206,244)
```
#66c2f4
```
#66c2f4 rgb(102,194,244)
```
#66b7f4
```
#66b7f4 rgb(102,183,244)
```

Similar Colors

Text with hexadecimal color #66daf4

This text has a font color of #66daf4.

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

#66daf4 background color

This paragraph has a background color of #66daf4.

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

#66daf4 border color

This element has a border color of #66daf4.

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

CSS codes

.text {color:#66daf4;}

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

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

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 #f8fdff is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#02191e
```
#02191e rgb(2,25,30)
```
#032830
```
#032830 rgb(3,40,48)
```
#053743
```
#053743 rgb(5,55,67)
```
#064655
```
#064655 rgb(6,70,85)
```
#075667
```
#075667 rgb(7,86,103)
```
#096579
```
#096579 rgb(9,101,121)
```
#0a748c
```
#0a748c rgb(10,116,140)
```
#0b839e
```
#0b839e rgb(11,131,158)
```
#0d92b0
```
#0d92b0 rgb(13,146,176)
```
#0ea2c3
```
#0ea2c3 rgb(14,162,195)
```
#0fb1d5
```
#0fb1d5 rgb(15,177,213)
```
#11c0e7
```
#11c0e7 rgb(17,192,231)
```

Shade Color Variation

#1dc8ef
```
#1dc8ef rgb(29,200,239)
```
#2fcdf0
```
#2fcdf0 rgb(47,205,240)
```
#41d1f1
```
#41d1f1 rgb(65,209,241)
```
#54d6f3
```
#54d6f3 rgb(84,214,243)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#78def5
```
#78def5 rgb(120,222,245)
```
#8be3f7
```
#8be3f7 rgb(139,227,247)
```
#9de7f8
```
#9de7f8 rgb(157,231,248)
```
#afecf9
```
#afecf9 rgb(175,236,249)
```
#c1f0fb
```
#c1f0fb rgb(193,240,251)
```
#d4f5fc
```
#d4f5fc rgb(212,245,252)
```
#e6f9fd
```
#e6f9fd rgb(230,249,253)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#abaeaf
```
#abaeaf rgb(171,174,175)
```
#a5b2b5
```
#a5b2b5 rgb(165,178,181)
```
#9fb6bb
```
#9fb6bb rgb(159,182,187)
```
#98bac2
```
#98bac2 rgb(152,186,194)
```
#92bec8
```
#92bec8 rgb(146,190,200)
```
#8cc2ce
```
#8cc2ce rgb(140,194,206)
```
#86c6d4
```
#86c6d4 rgb(134,198,212)
```
#7fcadb
```
#7fcadb rgb(127,202,219)
```
#79cee1
```
#79cee1 rgb(121,206,225)
```
#73d2e7
```
#73d2e7 rgb(115,210,231)
```
#6cd6ee
```
#6cd6ee rgb(108,214,238)
```
#66daf4
```
#66daf4 rgb(102,218,244)
```
#60defa
```
#60defa rgb(96,222,250)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a9c0c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cbea Protanopia 1% of men
#c7c9fb Deuteranopia 1% of men
#6added Tritanopia 0.001% of the population

Trichromacy

#a4d0ee Protanomaly 1% of men, 0.01% of women
#a4cff8 Deuteranomaly 6% of men, 0.4% of women
#68dcef Tritanomaly 0.01% of the population

#66daf4 hex color

#66daf4 Color Information

#66daf4 Color Conversion

Color Schemes with #66daf4

Alternatives to #66daf4

#66daf4 Preview

Shades and Tints of #66daf4

Tones of #66daf4

Color Blindness Simulator