#66afc8 hex color

In a RGB color space, hex #66afc8 is composed of 40% red, 68.6% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 12.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 195.3 degrees, a saturation of 47.1% and a lightness of 59.2%. #66afc8 color hex could be obtained by blending #ccffff with #005f91. Closest websafe color is: #6699cc.

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

● #66afc8 color description : Slightly desaturated blue.

The hexadecimal color #66afc8 has RGB values of R:102, G:175, B:200 and CMYK values of C:0.49, M:0.13, Y:0, K:0.22. Its decimal value is 6729672.

Hex triplet	66afc8	`#66afc8`
RGB Decimal	102, 175, 200	`rgb(102,175,200)`
RGB Percent	40, 68.6, 78.4	`rgb(40%,68.6%,78.4%)`
CMYK	49, 13, 0, 22
HSL	195.3°, 47.1, 59.2	`hsl(195.3,47.1%,59.2%)`
HSV (or HSB)	195.3°, 49, 78.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.764, -16.021, -19.786
XYZ	31.232, 37.653, 60.262
xyY	0.242, 0.292, 37.653
CIE-LCH	67.764, 25.459, 231.002
CIE-LUV	67.764, -32.61, -28.275
Hunter-Lab	61.362, -16.53, -15.274
Binary	01100110, 10101111, 11001000

#66afc8
```
#66afc8 rgb(102,175,200)
```
#c87f66
```
#c87f66 rgb(200,127,102)
```

Complementary Color

#66c8b0
```
#66c8b0 rgb(102,200,176)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#667ec8
```
#667ec8 rgb(102,126,200)
```

Analogous Color

#c8b066
```
#c8b066 rgb(200,176,102)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#c8667e
```
#c8667e rgb(200,102,126)
```

Split Complementary Color

#afc866
```
#afc866 rgb(175,200,102)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#c866af
```
#c866af rgb(200,102,175)
```

Triadic Color

#66c87f
```
#66c87f rgb(102,200,127)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#c866af
```
#c866af rgb(200,102,175)
```
#c87f66
```
#c87f66 rgb(200,127,102)
```

Tetradic Color

#3c8ba6
```
#3c8ba6 rgb(60,139,166)
```
#429ab9
```
#429ab9 rgb(66,154,185)
```
#53a5c1
```
#53a5c1 rgb(83,165,193)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#79b9cf
```
#79b9cf rgb(121,185,207)
```
#8cc3d5
```
#8cc3d5 rgb(140,195,213)
```
#9eccdc
```
#9eccdc rgb(158,204,220)
```

Monochromatic Color

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

#66c8c8
```
#66c8c8 rgb(102,200,200)
```
#66bfc8
```
#66bfc8 rgb(102,191,200)
```
#66b7c8
```
#66b7c8 rgb(102,183,200)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#66a7c8
```
#66a7c8 rgb(102,167,200)
```
#669fc8
```
#669fc8 rgb(102,159,200)
```
#6697c8
```
#6697c8 rgb(102,151,200)
```

Similar Colors

Text with hexadecimal color #66afc8

This text has a font color of #66afc8.

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

#66afc8 background color

This paragraph has a background color of #66afc8.

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

#66afc8 border color

This element has a border color of #66afc8.

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

CSS codes

.text {color:#66afc8;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#071114
```
#071114 rgb(7,17,20)
```
#0c1d23
```
#0c1d23 rgb(12,29,35)
```
#122931
```
#122931 rgb(18,41,49)
```
#17353f
```
#17353f rgb(23,53,63)
```
#1c414e
```
#1c414e rgb(28,65,78)
```
#214d5c
```
#214d5c rgb(33,77,92)
```
#26596b
```
#26596b rgb(38,89,107)
```
#2c6579
```
#2c6579 rgb(44,101,121)
```
#317188
```
#317188 rgb(49,113,136)
```
#367d96
```
#367d96 rgb(54,125,150)
```
#3b8aa4
```
#3b8aa4 rgb(59,138,164)
```
#4096b3
```
#4096b3 rgb(64,150,179)
```

Shade Color Variation

#49a0be
```
#49a0be rgb(73,160,190)
```
#58a7c3
```
#58a7c3 rgb(88,167,195)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#74b7cd
```
#74b7cd rgb(116,183,205)
```
#83bed2
```
#83bed2 rgb(131,190,210)
```
#91c6d8
```
#91c6d8 rgb(145,198,216)
```
#a0cddd
```
#a0cddd rgb(160,205,221)
```
#aed5e2
```
#aed5e2 rgb(174,213,226)
```
#bddce7
```
#bddce7 rgb(189,220,231)
```
#cbe4ec
```
#cbe4ec rgb(203,228,236)
```
#d9ebf1
```
#d9ebf1 rgb(217,235,241)
```
#e8f3f7
```
#e8f3f7 rgb(232,243,247)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#969798
```
#969798 rgb(150,151,152)
```
#8e9ba0
```
#8e9ba0 rgb(142,155,160)
```
#869fa8
```
#869fa8 rgb(134,159,168)
```
#7ea3b0
```
#7ea3b0 rgb(126,163,176)
```
#76a7b8
```
#76a7b8 rgb(118,167,184)
```
#6eabc0
```
#6eabc0 rgb(110,171,192)
```
#66afc8
```
#66afc8 rgb(102,175,200)
```
#5eb3d0
```
#5eb3d0 rgb(94,179,208)
```
#56b7d8
```
#56b7d8 rgb(86,183,216)
```
#4ebbe0
```
#4ebbe0 rgb(78,187,224)
```
#46bfe8
```
#46bfe8 rgb(70,191,232)
```
#3ec3f0
```
#3ec3f0 rgb(62,195,240)
```
#36c7f8
```
#36c7f8 rgb(54,199,248)
```

Tone Color Variation

Below, you can see how #66afc8 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
#91a0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a8c4 Protanopia 1% of men
#a5a6cf Deuteranopia 1% of men
#6ab4c1 Tritanopia 0.001% of the population

Trichromacy

#8daac5 Protanomaly 1% of men, 0.01% of women
#8ea9cc Deuteranomaly 6% of men, 0.4% of women
#68b2c4 Tritanomaly 0.01% of the population

#66afc8 hex color

#66afc8 Color Information

#66afc8 Color Conversion

Color Schemes with #66afc8

Alternatives to #66afc8

#66afc8 Preview

Shades and Tints of #66afc8

Tones of #66afc8

Color Blindness Simulator