#66a7af hex color

In a RGB color space, hex #66a7af is composed of 40% red, 65.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 4.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 186.6 degrees, a saturation of 31.3% and a lightness of 54.3%. #66a7af color hex could be obtained by blending #ccffff with #004f5f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 65
- B 69
RGB color chart
- C 42
- M 5
- Y 0
- K 31
CMYK color chart

● #66a7af color description : Mostly desaturated dark cyan.

The hexadecimal color #66a7af has RGB values of R:102, G:167, B:175 and CMYK values of C:0.42, M:0.05, Y:0, K:0.31. Its decimal value is 6727599.

Hex triplet	66a7af	`#66a7af`
RGB Decimal	102, 167, 175	`rgb(102,167,175)`
RGB Percent	40, 65.5, 68.6	`rgb(40%,65.5%,68.6%)`
CMYK	42, 5, 0, 31
HSL	186.6°, 31.3, 54.3	`hsl(186.6,31.3%,54.3%)`
HSV (or HSB)	186.6°, 41.7, 68.6
Web Safe	669999	`#669999`

CIE-LAB	64.608, -18.628, -10.662
XYZ	27.034, 33.556, 45.607
xyY	0.255, 0.316, 33.556
CIE-LCH	64.608, 21.464, 209.786
CIE-LUV	64.608, -30.038, -13.179
Hunter-Lab	57.927, -18.069, -6.131
Binary	01100110, 10100111, 10101111

#66a7af
```
#66a7af rgb(102,167,175)
```
#af6e66
```
#af6e66 rgb(175,110,102)
```

Complementary Color

#66af93
```
#66af93 rgb(102,175,147)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#6683af
```
#6683af rgb(102,131,175)
```

Analogous Color

#af9366
```
#af9366 rgb(175,147,102)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#af6683
```
#af6683 rgb(175,102,131)
```

Split Complementary Color

#a7af66
```
#a7af66 rgb(167,175,102)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#af66a7
```
#af66a7 rgb(175,102,167)
```

Triadic Color

#66af6e
```
#66af6e rgb(102,175,110)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#af66a7
```
#af66a7 rgb(175,102,167)
```
#af6e66
```
#af6e66 rgb(175,110,102)
```

Tetradic Color

#457d84
```
#457d84 rgb(69,125,132)
```
#4e8d94
```
#4e8d94 rgb(78,141,148)
```
#569da5
```
#569da5 rgb(86,157,165)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#77b1b8
```
#77b1b8 rgb(119,177,184)
```
#87bac1
```
#87bac1 rgb(135,186,193)
```
#98c4c9
```
#98c4c9 rgb(152,196,201)
```

Monochromatic Color

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

#66afa5
```
#66afa5 rgb(102,175,165)
```
#66afab
```
#66afab rgb(102,175,171)
```
#66adaf
```
#66adaf rgb(102,173,175)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#66a1af
```
#66a1af rgb(102,161,175)
```
#669baf
```
#669baf rgb(102,155,175)
```
#6695af
```
#6695af rgb(102,149,175)
```

Similar Colors

Text with hexadecimal color #66a7af

This text has a font color of #66a7af.

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

#66a7af background color

This paragraph has a background color of #66a7af.

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

#66a7af border color

This element has a border color of #66a7af.

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

CSS codes

.text {color:#66a7af;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#080e0e
```
#080e0e rgb(8,14,14)
```
#0e1a1b
```
#0e1a1b rgb(14,26,27)
```
#152628
```
#152628 rgb(21,38,40)
```
#1c3235
```
#1c3235 rgb(28,50,53)
```
#223f42
```
#223f42 rgb(34,63,66)
```
#294b4f
```
#294b4f rgb(41,75,79)
```
#30575c
```
#30575c rgb(48,87,92)
```
#376369
```
#376369 rgb(55,99,105)
```
#3d6f75
```
#3d6f75 rgb(61,111,117)
```
#447c82
```
#447c82 rgb(68,124,130)
```
#4b888f
```
#4b888f rgb(75,136,143)
```
#52949c
```
#52949c rgb(82,148,156)
```

Shade Color Variation

#59a0a8
```
#59a0a8 rgb(89,160,168)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#73aeb6
```
#73aeb6 rgb(115,174,182)
```
#80b6bc
```
#80b6bc rgb(128,182,188)
```
#8dbdc3
```
#8dbdc3 rgb(141,189,195)
```
#9ac5ca
```
#9ac5ca rgb(154,197,202)
```
#a6ccd1
```
#a6ccd1 rgb(166,204,209)
```
#b3d3d7
```
#b3d3d7 rgb(179,211,215)
```
#c0dbde
```
#c0dbde rgb(192,219,222)
```
#cde2e5
```
#cde2e5 rgb(205,226,229)
```
#daeaec
```
#daeaec rgb(218,234,236)
```
#e7f1f2
```
#e7f1f2 rgb(231,241,242)
```
#f4f8f9
```
#f4f8f9 rgb(244,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8b8b is the less saturated color, while #1edff7 is the most saturated one.

#8a8b8b
```
#8a8b8b rgb(138,139,139)
```
#819294
```
#819294 rgb(129,146,148)
```
#78999d
```
#78999d rgb(120,153,157)
```
#6fa0a6
```
#6fa0a6 rgb(111,160,166)
```
#66a7af
```
#66a7af rgb(102,167,175)
```
#5daeb8
```
#5daeb8 rgb(93,174,184)
```
#54b5c1
```
#54b5c1 rgb(84,181,193)
```
#4bbcca
```
#4bbcca rgb(75,188,202)
```
#42c3d3
```
#42c3d3 rgb(66,195,211)
```
#39cadc
```
#39cadc rgb(57,202,220)
```
#30d1e5
```
#30d1e5 rgb(48,209,229)
```
#27d8ee
```
#27d8ee rgb(39,216,238)
```
#1edff7
```
#1edff7 rgb(30,223,247)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8b9899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a0ad Protanopia 1% of men
#a59eb7 Deuteranopia 1% of men
#6faab7 Tritanopia 0.001% of the population

Trichromacy

#8ba3ad Protanomaly 1% of men, 0.01% of women
#8ea1b4 Deuteranomaly 6% of men, 0.4% of women
#6ca9b4 Tritanomaly 0.01% of the population

#66a7af hex color

#66a7af Color Information

#66a7af Color Conversion

Color Schemes with #66a7af

Alternatives to #66a7af

#66a7af Preview

Shades and Tints of #66a7af

Tones of #66a7af

Color Blindness Simulator