#66b3af hex color

In a RGB color space, hex #66b3af is composed of 40% red, 70.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 0% magenta, 2.2% yellow and 29.8% black. It has a hue angle of 176.9 degrees, a saturation of 33.6% and a lightness of 55.1%. #66b3af color hex could be obtained by blending #ccffff with #00675f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 40
- G 70
- B 69
RGB color chart
- C 43
- M 0
- Y 2
- K 30
CMYK color chart

● #66b3af color description : Slightly desaturated cyan.

The hexadecimal color #66b3af has RGB values of R:102, G:179, B:175 and CMYK values of C:0.43, M:0, Y:0.02, K:0.3. Its decimal value is 6730671.

Hex triplet	66b3af	`#66b3af`
RGB Decimal	102, 179, 175	`rgb(102,179,175)`
RGB Percent	40, 70.2, 68.6	`rgb(40%,70.2%,68.6%)`
CMYK	43, 0, 2, 30
HSL	176.9°, 33.6, 55.1	`hsl(176.9,33.6%,55.1%)`
HSV (or HSB)	176.9°, 43, 70.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.137, -24.761, -5.413
XYZ	29.335, 38.158, 46.375
xyY	0.258, 0.335, 38.158
CIE-LCH	68.137, 25.346, 192.331
CIE-LUV	68.137, -34.944, -4.226
Hunter-Lab	61.772, -23.333, -1.27
Binary	01100110, 10110011, 10101111

#66b3af
```
#66b3af rgb(102,179,175)
```
#b3666a
```
#b3666a rgb(179,102,106)
```

Complementary Color

#66b389
```
#66b389 rgb(102,179,137)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#6691b3
```
#6691b3 rgb(102,145,179)
```

Analogous Color

#b38966
```
#b38966 rgb(179,137,102)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#b36691
```
#b36691 rgb(179,102,145)
```

Split Complementary Color

#b3af66
```
#b3af66 rgb(179,175,102)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#af66b3
```
#af66b3 rgb(175,102,179)
```

Triadic Color

#6ab366
```
#6ab366 rgb(106,179,102)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#af66b3
```
#af66b3 rgb(175,102,179)
```
#b3666a
```
#b3666a rgb(179,102,106)
```

Tetradic Color

#448985
```
#448985 rgb(68,137,133)
```
#4c9a96
```
#4c9a96 rgb(76,154,150)
```
#55aba6
```
#55aba6 rgb(85,171,166)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#77bbb8
```
#77bbb8 rgb(119,187,184)
```
#88c4c1
```
#88c4c1 rgb(136,196,193)
```
#99ccca
```
#99ccca rgb(153,204,202)
```

Monochromatic Color

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

#66b39c
```
#66b39c rgb(102,179,156)
```
#66b3a2
```
#66b3a2 rgb(102,179,162)
```
#66b3a9
```
#66b3a9 rgb(102,179,169)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#66b1b3
```
#66b1b3 rgb(102,177,179)
```
#66aab3
```
#66aab3 rgb(102,170,179)
```
#66a4b3
```
#66a4b3 rgb(102,164,179)
```

Similar Colors

Text with hexadecimal color #66b3af

This text has a font color of #66b3af.

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

#66b3af background color

This paragraph has a background color of #66b3af.

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

#66b3af border color

This element has a border color of #66b3af.

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

CSS codes

.text {color:#66b3af;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#091111
```
#091111 rgb(9,17,17)
```
#0f1e1e
```
#0f1e1e rgb(15,30,30)
```
#162c2a
```
#162c2a rgb(22,44,42)
```
#1c3937
```
#1c3937 rgb(28,57,55)
```
#234644
```
#234644 rgb(35,70,68)
```
#295351
```
#295351 rgb(41,83,81)
```
#30605d
```
#30605d rgb(48,96,93)
```
#366d6a
```
#366d6a rgb(54,109,106)
```
#3d7a77
```
#3d7a77 rgb(61,122,119)
```
#438784
```
#438784 rgb(67,135,132)
```
#4a9491
```
#4a9491 rgb(74,148,145)
```
#50a29d
```
#50a29d rgb(80,162,157)
```

Shade Color Variation

#59aca8
```
#59aca8 rgb(89,172,168)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#73bab6
```
#73bab6 rgb(115,186,182)
```
#80c0bd
```
#80c0bd rgb(128,192,189)
```
#8dc7c4
```
#8dc7c4 rgb(141,199,196)
```
#9acdca
```
#9acdca rgb(154,205,202)
```
#a8d4d1
```
#a8d4d1 rgb(168,212,209)
```
#b5dad8
```
#b5dad8 rgb(181,218,216)
```
#c2e1df
```
#c2e1df rgb(194,225,223)
```
#cfe7e6
```
#cfe7e6 rgb(207,231,230)
```
#dceeed
```
#dceeed rgb(220,238,237)
```
#e9f4f4
```
#e9f4f4 rgb(233,244,244)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#89908f
```
#89908f rgb(137,144,143)
```
#809997
```
#809997 rgb(128,153,151)
```
#78a19f
```
#78a19f rgb(120,161,159)
```
#6faaa7
```
#6faaa7 rgb(111,170,167)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#5dbcb7
```
#5dbcb7 rgb(93,188,183)
```
#54c5bf
```
#54c5bf rgb(84,197,191)
```
#4ccdc7
```
#4ccdc7 rgb(76,205,199)
```
#43d6cf
```
#43d6cf rgb(67,214,207)
```
#3adfd6
```
#3adfd6 rgb(58,223,214)
```
#31e8de
```
#31e8de rgb(49,232,222)
```
#28f1e6
```
#28f1e6 rgb(40,241,230)
```
#20f9ee
```
#20f9ee rgb(32,249,238)
```

Tone Color Variation

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

Dichromacy

#ada9ac Protanopia 1% of men
#b3a6b9 Deuteranopia 1% of men
#73b4c1 Tritanopia 0.001% of the population

Trichromacy

#93adad Protanomaly 1% of men, 0.01% of women
#97aab5 Deuteranomaly 6% of men, 0.4% of women
#6eb4ba Tritanomaly 0.01% of the population

#66b3af hex color

#66b3af Color Information

#66b3af Color Conversion

Color Schemes with #66b3af

Alternatives to #66b3af

#66b3af Preview

Shades and Tints of #66b3af

Tones of #66b3af

Color Blindness Simulator