#66afdf hex color

In a RGB color space, hex #66afdf is composed of 40% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 203.8 degrees, a saturation of 65.4% and a lightness of 63.7%. #66afdf color hex could be obtained by blending #ccffff with #005fbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 69
- B 87
RGB color chart
- C 54
- M 22
- Y 0
- K 13
CMYK color chart

● #66afdf color description : Soft blue.

The hexadecimal color #66afdf has RGB values of R:102, G:175, B:223 and CMYK values of C:0.54, M:0.22, Y:0, K:0.13. Its decimal value is 6729695.

Hex triplet	66afdf	`#66afdf`
RGB Decimal	102, 175, 223	`rgb(102,175,223)`
RGB Percent	40, 68.6, 87.5	`rgb(40%,68.6%,87.5%)`
CMYK	54, 22, 0, 13
HSL	203.8°, 65.4, 63.7	`hsl(203.8,65.4%,63.7%)`
HSV (or HSB)	203.8°, 54.3, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.614, -9.342, -31.136
XYZ	34.126, 38.81, 75.501
xyY	0.23, 0.261, 38.81
CIE-LCH	68.614, 32.508, 253.299
CIE-LUV	68.614, -31.999, -48.064
Hunter-Lab	62.298, -11.243, -28.247
Binary	01100110, 10101111, 11011111

#66afdf
```
#66afdf rgb(102,175,223)
```
#df9666
```
#df9666 rgb(223,150,102)
```

Complementary Color

#66dfd3
```
#66dfd3 rgb(102,223,211)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#6673df
```
#6673df rgb(102,115,223)
```

Analogous Color

#dfd366
```
#dfd366 rgb(223,211,102)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#df6673
```
#df6673 rgb(223,102,115)
```

Split Complementary Color

#afdf66
```
#afdf66 rgb(175,223,102)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#df66af
```
#df66af rgb(223,102,175)
```

Triadic Color

#66df96
```
#66df96 rgb(102,223,150)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#df66af
```
#df66af rgb(223,102,175)
```
#df9666
```
#df9666 rgb(223,150,102)
```

Tetradic Color

#2b8dce
```
#2b8dce rgb(43,141,206)
```
#3c99d6
```
#3c99d6 rgb(60,153,214)
```
#51a4db
```
#51a4db rgb(81,164,219)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#7bbae3
```
#7bbae3 rgb(123,186,227)
```
#90c5e8
```
#90c5e8 rgb(144,197,232)
```
#a5d0ec
```
#a5d0ec rgb(165,208,236)
```

Monochromatic Color

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

#66cddf
```
#66cddf rgb(102,205,223)
```
#66c3df
```
#66c3df rgb(102,195,223)
```
#66b9df
```
#66b9df rgb(102,185,223)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#66a5df
```
#66a5df rgb(102,165,223)
```
#669bdf
```
#669bdf rgb(102,155,223)
```
#6691df
```
#6691df rgb(102,145,223)
```

Similar Colors

Text with hexadecimal color #66afdf

This text has a font color of #66afdf.

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

#66afdf background color

This paragraph has a background color of #66afdf.

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

#66afdf border color

This element has a border color of #66afdf.

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

CSS codes

.text {color:#66afdf;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#051119
```
#051119 rgb(5,17,25)
```
#091d2a
```
#091d2a rgb(9,29,42)
```
#0c283a
```
#0c283a rgb(12,40,58)
```
#10334a
```
#10334a rgb(16,51,74)
```
#133e5a
```
#133e5a rgb(19,62,90)
```
#16496b
```
#16496b rgb(22,73,107)
```
#1a547b
```
#1a547b rgb(26,84,123)
```
#1d5f8b
```
#1d5f8b rgb(29,95,139)
```
#206b9b
```
#206b9b rgb(32,107,155)
```
#2476ab
```
#2476ab rgb(36,118,171)
```
#2781bc
```
#2781bc rgb(39,129,188)
```
#2b8ccc
```
#2b8ccc rgb(43,140,204)
```

Shade Color Variation

#3596d5
```
#3596d5 rgb(53,150,213)
```
#469ed8
```
#469ed8 rgb(70,158,216)
```
#56a7dc
```
#56a7dc rgb(86,167,220)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#76b7e2
```
#76b7e2 rgb(118,183,226)
```
#86c0e6
```
#86c0e6 rgb(134,192,230)
```
#97c8e9
```
#97c8e9 rgb(151,200,233)
```
#a7d1ed
```
#a7d1ed rgb(167,209,237)
```
#b7d9f0
```
#b7d9f0 rgb(183,217,240)
```
#c7e2f3
```
#c7e2f3 rgb(199,226,243)
```
#d8eaf7
```
#d8eaf7 rgb(216,234,247)
```
#e8f3fa
```
#e8f3fa rgb(232,243,250)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa3a6 is the less saturated color, while #4ab5fb is the most saturated one.

#9fa3a6
```
#9fa3a6 rgb(159,163,166)
```
#98a5ad
```
#98a5ad rgb(152,165,173)
```
#91a6b4
```
#91a6b4 rgb(145,166,180)
```
#8aa8bb
```
#8aa8bb rgb(138,168,187)
```
#82a9c3
```
#82a9c3 rgb(130,169,195)
```
#7babca
```
#7babca rgb(123,171,202)
```
#74acd1
```
#74acd1 rgb(116,172,209)
```
#6daed8
```
#6daed8 rgb(109,174,216)
```
#66afdf
```
#66afdf rgb(102,175,223)
```
#5fb0e6
```
#5fb0e6 rgb(95,176,230)
```
#58b2ed
```
#58b2ed rgb(88,178,237)
```
#51b3f4
```
#51b3f4 rgb(81,179,244)
```
#4ab5fb
```
#4ab5fb rgb(74,181,251)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#94a2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eaada Protanopia 1% of men
#99a9e4 Deuteranopia 1% of men
#61b8c5 Tritanopia 0.001% of the population

Trichromacy

#89abdc Protanomaly 1% of men, 0.01% of women
#86abe2 Deuteranomaly 6% of men, 0.4% of women
#62b4ce Tritanomaly 0.01% of the population

#66afdf hex color

#66afdf Color Information

#66afdf Color Conversion

Color Schemes with #66afdf

Alternatives to #66afdf

#66afdf Preview

Shades and Tints of #66afdf

Tones of #66afdf

Color Blindness Simulator