#66b5af hex color

In a RGB color space, hex #66b5af is composed of 40% red, 71% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 0% magenta, 3.3% yellow and 29% black. It has a hue angle of 175.4 degrees, a saturation of 34.8% and a lightness of 55.5%. #66b5af color hex could be obtained by blending #ccffff with #006b5f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 40
- G 71
- B 69
RGB color chart
- C 44
- M 0
- Y 3
- K 29
CMYK color chart

● #66b5af color description : Slightly desaturated cyan.

The hexadecimal color #66b5af has RGB values of R:102, G:181, B:175 and CMYK values of C:0.44, M:0, Y:0.03, K:0.29. Its decimal value is 6731183.

Hex triplet	66b5af	`#66b5af`
RGB Decimal	102, 181, 175	`rgb(102,181,175)`
RGB Percent	40, 71, 68.6	`rgb(40%,71%,68.6%)`
CMYK	44, 0, 3, 29
HSL	175.4°, 34.8, 55.5	`hsl(175.4,34.8%,55.5%)`
HSV (or HSB)	175.4°, 43.6, 71
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.727, -25.758, -4.542
XYZ	29.739, 38.966, 46.509
xyY	0.258, 0.338, 38.966
CIE-LCH	68.727, 26.156, 190.001
CIE-LUV	68.727, -35.757, -2.747
Hunter-Lab	62.423, -24.2, -0.479
Binary	01100110, 10110101, 10101111

#66b5af
```
#66b5af rgb(102,181,175)
```
#b5666c
```
#b5666c rgb(181,102,108)
```

Complementary Color

#66b588
```
#66b588 rgb(102,181,136)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#6694b5
```
#6694b5 rgb(102,148,181)
```

Analogous Color

#b58866
```
#b58866 rgb(181,136,102)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#b56694
```
#b56694 rgb(181,102,148)
```

Split Complementary Color

#b5af66
```
#b5af66 rgb(181,175,102)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#af66b5
```
#af66b5 rgb(175,102,181)
```

Triadic Color

#6cb566
```
#6cb566 rgb(108,181,102)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#af66b5
```
#af66b5 rgb(175,102,181)
```
#b5666c
```
#b5666c rgb(181,102,108)
```

Tetradic Color

#438b86
```
#438b86 rgb(67,139,134)
```
#4c9c96
```
#4c9c96 rgb(76,156,150)
```
#55ada6
```
#55ada6 rgb(85,173,166)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#77bdb8
```
#77bdb8 rgb(119,189,184)
```
#88c6c1
```
#88c6c1 rgb(136,198,193)
```
#9aceca
```
#9aceca rgb(154,206,202)
```

Monochromatic Color

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

#66b59b
```
#66b59b rgb(102,181,155)
```
#66b5a2
```
#66b5a2 rgb(102,181,162)
```
#66b5a8
```
#66b5a8 rgb(102,181,168)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#66b4b5
```
#66b4b5 rgb(102,180,181)
```
#66aeb5
```
#66aeb5 rgb(102,174,181)
```
#66a7b5
```
#66a7b5 rgb(102,167,181)
```

Similar Colors

Text with hexadecimal color #66b5af

This text has a font color of #66b5af.

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

#66b5af background color

This paragraph has a background color of #66b5af.

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

#66b5af border color

This element has a border color of #66b5af.

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

CSS codes

.text {color:#66b5af;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#091312
```
#091312 rgb(9,19,18)
```
#10201f
```
#10201f rgb(16,32,31)
```
#162d2c
```
#162d2c rgb(22,45,44)
```
#1c3b38
```
#1c3b38 rgb(28,59,56)
```
#234845
```
#234845 rgb(35,72,69)
```
#295552
```
#295552 rgb(41,85,82)
```
#2f625e
```
#2f625e rgb(47,98,94)
```
#366f6b
```
#366f6b rgb(54,111,107)
```
#3c7d78
```
#3c7d78 rgb(60,125,120)
```
#438a84
```
#438a84 rgb(67,138,132)
```
#499791
```
#499791 rgb(73,151,145)
```
#4fa49e
```
#4fa49e rgb(79,164,158)
```

Shade Color Variation

#59afa8
```
#59afa8 rgb(89,175,168)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#73bbb6
```
#73bbb6 rgb(115,187,182)
```
#80c2bd
```
#80c2bd rgb(128,194,189)
```
#8ec8c4
```
#8ec8c4 rgb(142,200,196)
```
#9bcfcb
```
#9bcfcb rgb(155,207,203)
```
#a8d5d2
```
#a8d5d2 rgb(168,213,210)
```
#b5dbd8
```
#b5dbd8 rgb(181,219,216)
```
#c3e2df
```
#c3e2df rgb(195,226,223)
```
#d0e8e6
```
#d0e8e6 rgb(208,232,230)
```
#ddefed
```
#ddefed rgb(221,239,237)
```
#eaf5f4
```
#eaf5f4 rgb(234,245,244)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#899291
```
#899291 rgb(137,146,145)
```
#809b99
```
#809b99 rgb(128,155,153)
```
#77a4a0
```
#77a4a0 rgb(119,164,160)
```
#6faca8
```
#6faca8 rgb(111,172,168)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#5dbeb6
```
#5dbeb6 rgb(93,190,182)
```
#55c6be
```
#55c6be rgb(85,198,190)
```
#4ccfc5
```
#4ccfc5 rgb(76,207,197)
```
#43d8cd
```
#43d8cd rgb(67,216,205)
```
#3ae1d4
```
#3ae1d4 rgb(58,225,212)
```
#32e9db
```
#32e9db rgb(50,233,219)
```
#29f2e3
```
#29f2e3 rgb(41,242,227)
```
#20fbea
```
#20fbea rgb(32,251,234)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#92a2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeabab Protanopia 1% of men
#b5a7b9 Deuteranopia 1% of men
#73b6c3 Tritanopia 0.001% of the population

Trichromacy

#94aead Protanomaly 1% of men, 0.01% of women
#98acb5 Deuteranomaly 6% of men, 0.4% of women
#6eb5bc Tritanomaly 0.01% of the population

#66b5af hex color

#66b5af Color Information

#66b5af Color Conversion

Color Schemes with #66b5af

Alternatives to #66b5af

#66b5af Preview

Shades and Tints of #66b5af

Tones of #66b5af

Color Blindness Simulator