#66b0a4 hex color

In a RGB color space, hex #66b0a4 is composed of 40% red, 69% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 0% magenta, 6.8% yellow and 31% black. It has a hue angle of 170.3 degrees, a saturation of 31.9% and a lightness of 54.5%. #66b0a4 color hex could be obtained by blending #ccffff with #006149. Closest websafe color is: #669999.

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

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

The hexadecimal color #66b0a4 has RGB values of R:102, G:176, B:164 and CMYK values of C:0.42, M:0, Y:0.07, K:0.31. Its decimal value is 6729892.

Hex triplet	66b0a4	`#66b0a4`
RGB Decimal	102, 176, 164	`rgb(102,176,164)`
RGB Percent	40, 69, 64.3	`rgb(40%,69%,64.3%)`
CMYK	42, 0, 7, 31
HSL	170.3°, 31.9, 54.5	`hsl(170.3,31.9%,54.5%)`
HSV (or HSB)	170.3°, 42, 69
Web Safe	669999	`#669999`

CIE-LAB	66.941, -25.99, -1.087
XYZ	27.704, 36.554, 40.716
xyY	0.264, 0.348, 36.554
CIE-LCH	66.941, 26.013, 182.395
CIE-LUV	66.941, -34.04, 2.508
Hunter-Lab	60.46, -24.014, 2.394
Binary	01100110, 10110000, 10100100

#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#b06672
```
#b06672 rgb(176,102,114)
```

Complementary Color

#66b07f
```
#66b07f rgb(102,176,127)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#6697b0
```
#6697b0 rgb(102,151,176)
```

Analogous Color

#b07f66
```
#b07f66 rgb(176,127,102)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#b06697
```
#b06697 rgb(176,102,151)
```

Split Complementary Color

#b0a466
```
#b0a466 rgb(176,164,102)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#a466b0
```
#a466b0 rgb(164,102,176)
```

Triadic Color

#72b066
```
#72b066 rgb(114,176,102)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#a466b0
```
#a466b0 rgb(164,102,176)
```
#b06672
```
#b06672 rgb(176,102,114)
```

Tetradic Color

#45857a
```
#45857a rgb(69,133,122)
```
#4d968a
```
#4d968a rgb(77,150,138)
```
#56a799
```
#56a799 rgb(86,167,153)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#77b9ae
```
#77b9ae rgb(119,185,174)
```
#88c1b8
```
#88c1b8 rgb(136,193,184)
```
#98cac2
```
#98cac2 rgb(152,202,194)
```

Monochromatic Color

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

#66b092
```
#66b092 rgb(102,176,146)
```
#66b098
```
#66b098 rgb(102,176,152)
```
#66b09e
```
#66b09e rgb(102,176,158)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#66b0aa
```
#66b0aa rgb(102,176,170)
```
#66b0b0
```
#66b0b0 rgb(102,176,176)
```
#66aab0
```
#66aab0 rgb(102,170,176)
```

Similar Colors

Text with hexadecimal color #66b0a4

This text has a font color of #66b0a4.

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

#66b0a4 background color

This paragraph has a background color of #66b0a4.

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

#66b0a4 border color

This element has a border color of #66b0a4.

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

CSS codes

.text {color:#66b0a4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0e
```
#080f0e rgb(8,15,14)
```
#0f1c1a
```
#0f1c1a rgb(15,28,26)
```
#152926
```
#152926 rgb(21,41,38)
```
#1c3632
```
#1c3632 rgb(28,54,50)
```
#23433e
```
#23433e rgb(35,67,62)
```
#29504a
```
#29504a rgb(41,80,74)
```
#305d56
```
#305d56 rgb(48,93,86)
```
#376a61
```
#376a61 rgb(55,106,97)
```
#3d776d
```
#3d776d rgb(61,119,109)
```
#448479
```
#448479 rgb(68,132,121)
```
#4b9185
```
#4b9185 rgb(75,145,133)
```
#519d91
```
#519d91 rgb(81,157,145)
```

Shade Color Variation

#59a99c
```
#59a99c rgb(89,169,156)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#73b7ac
```
#73b7ac rgb(115,183,172)
```
#80bdb3
```
#80bdb3 rgb(128,189,179)
```
#8dc4bb
```
#8dc4bb rgb(141,196,187)
```
#9acbc3
```
#9acbc3 rgb(154,203,195)
```
#a7d1ca
```
#a7d1ca rgb(167,209,202)
```
#b4d8d2
```
#b4d8d2 rgb(180,216,210)
```
#c1dfda
```
#c1dfda rgb(193,223,218)
```
#cde5e2
```
#cde5e2 rgb(205,229,226)
```
#daece9
```
#daece9 rgb(218,236,233)
```
#e7f3f1
```
#e7f3f1 rgb(231,243,241)
```
#f4f9f9
```
#f4f9f9 rgb(244,249,249)
```

Tint Color Variation

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

#8a8c8c
```
#8a8c8c rgb(138,140,140)
```
#819592
```
#819592 rgb(129,149,146)
```
#789e98
```
#789e98 rgb(120,158,152)
```
#6fa79e
```
#6fa79e rgb(111,167,158)
```
#66b0a4
```
#66b0a4 rgb(102,176,164)
```
#5db9aa
```
#5db9aa rgb(93,185,170)
```
#54c2b0
```
#54c2b0 rgb(84,194,176)
```
#4bcbb6
```
#4bcbb6 rgb(75,203,182)
```
#42d4bc
```
#42d4bc rgb(66,212,188)
```
#39ddc2
```
#39ddc2 rgb(57,221,194)
```
#30e6c8
```
#30e6c8 rgb(48,230,200)
```
#28eece
```
#28eece rgb(40,238,206)
```
#1ff7d4
```
#1ff7d4 rgb(31,247,212)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8f9e9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba6a1 Protanopia 1% of men
#b3a3ae Deuteranopia 1% of men
#74b0bd Tritanopia 0.001% of the population

Trichromacy

#92aaa2 Protanomaly 1% of men, 0.01% of women
#97a7aa Deuteranomaly 6% of men, 0.4% of women
#6fb0b4 Tritanomaly 0.01% of the population

#66b0a4 hex color

#66b0a4 Color Information

#66b0a4 Color Conversion

Color Schemes with #66b0a4

Alternatives to #66b0a4

#66b0a4 Preview

Shades and Tints of #66b0a4

Tones of #66b0a4

Color Blindness Simulator