#669b8e hex color

In a RGB color space, hex #669b8e is composed of 40% red, 60.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 34.2% cyan, 0% magenta, 8.4% yellow and 39.2% black. It has a hue angle of 165.3 degrees, a saturation of 20.9% and a lightness of 50.4%. #669b8e color hex could be obtained by blending #ccffff with #00371d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 61
- B 56
RGB color chart
- C 34
- M 0
- Y 8
- K 39
CMYK color chart

● #669b8e color description : Mostly desaturated dark cyan.

The hexadecimal color #669b8e has RGB values of R:102, G:155, B:142 and CMYK values of C:0.34, M:0, Y:0.08, K:0.39. Its decimal value is 6724494.

Hex triplet	669b8e	`#669b8e`
RGB Decimal	102, 155, 142	`rgb(102,155,142)`
RGB Percent	40, 60.8, 55.7	`rgb(40%,60.8%,55.7%)`
CMYK	34, 0, 8, 39
HSL	165.3°, 20.9, 50.4	`hsl(165.3,20.9%,50.4%)`
HSV (or HSB)	165.3°, 34.2, 60.8
Web Safe	669999	`#669999`

CIE-LAB	60.086, -20.583, 1.226
XYZ	22.082, 28.219, 29.873
xyY	0.275, 0.352, 28.219
CIE-LCH	60.086, 20.619, 176.593
CIE-LUV	60.086, -25.573, 4.991
Hunter-Lab	53.122, -18.764, 3.844
Binary	01100110, 10011011, 10001110

#669b8e
```
#669b8e rgb(102,155,142)
```
#9b6673
```
#9b6673 rgb(155,102,115)
```

Complementary Color

#669b74
```
#669b74 rgb(102,155,116)
```
#669b8e
```
#669b8e rgb(102,155,142)
```
#668e9b
```
#668e9b rgb(102,142,155)
```

Analogous Color

#9b7466
```
#9b7466 rgb(155,116,102)
```
#669b8e
```
#669b8e rgb(102,155,142)
```
#9b668e
```
#9b668e rgb(155,102,142)
```

Split Complementary Color

#9b8e66
```
#9b8e66 rgb(155,142,102)
```
#669b8e
```
#669b8e rgb(102,155,142)
```
#8e669b
```
#8e669b rgb(142,102,155)
```

Triadic Color

#739b66
```
#739b66 rgb(115,155,102)
```
#669b8e
```
#669b8e rgb(102,155,142)
```
#8e669b
```
#8e669b rgb(142,102,155)
```
#9b6673
```
#9b6673 rgb(155,102,115)
```

Tetradic Color

#476d64
```
#476d64 rgb(71,109,100)
```
#517d72
```
#517d72 rgb(81,125,114)
```
#5c8c80
```
#5c8c80 rgb(92,140,128)
```
#669b8e
```
#669b8e rgb(102,155,142)
```
#75a599
```
#75a599 rgb(117,165,153)
```
#85afa5
```
#85afa5 rgb(133,175,165)
```
#94b9b0
```
#94b9b0 rgb(148,185,176)
```

Monochromatic Color

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

#669b81
```
#669b81 rgb(102,155,129)
```
#669b85
```
#669b85 rgb(102,155,133)
```
#669b8a
```
#669b8a rgb(102,155,138)
```
#669b8e
```
#669b8e rgb(102,155,142)
```
#669b92
```
#669b92 rgb(102,155,146)
```
#669b97
```
#669b97 rgb(102,155,151)
```
#669b9b
```
#669b9b rgb(102,155,155)
```

Similar Colors

Text with hexadecimal color #669b8e

This text has a font color of #669b8e.

<span style="color:#669b8e;">Text here</span>

#669b8e background color

This paragraph has a background color of #669b8e.

<p style="background-color:#669b8e;">Content here</p>

#669b8e border color

This element has a border color of #669b8e.

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

CSS codes

.text {color:#669b8e;}

.background {background-color:#669b8e;}

.border {border:1px solid #669b8e;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090d0c
```
#090d0c rgb(9,13,12)
```
#101917
```
#101917 rgb(16,25,23)
```
#182522
```
#182522 rgb(24,37,34)
```
#20312d
```
#20312d rgb(32,49,45)
```
#283d37
```
#283d37 rgb(40,61,55)
```
#2f4842
```
#2f4842 rgb(47,72,66)
```
#37544d
```
#37544d rgb(55,84,77)
```
#3f6058
```
#3f6058 rgb(63,96,88)
```
#476c63
```
#476c63 rgb(71,108,99)
```
#4e786e
```
#4e786e rgb(78,120,110)
```
#568479
```
#568479 rgb(86,132,121)
```
#5e9083
```
#5e9083 rgb(94,144,131)
```

Shade Color Variation

#669b8e
```
#669b8e rgb(102,155,142)
```
#72a397
```
#72a397 rgb(114,163,151)
```
#7eaba0
```
#7eaba0 rgb(126,171,160)
```
#8ab2a8
```
#8ab2a8 rgb(138,178,168)
```
#95bab1
```
#95bab1 rgb(149,186,177)
```
#a1c2ba
```
#a1c2ba rgb(161,194,186)
```
#adcac3
```
#adcac3 rgb(173,202,195)
```
#b9d1cb
```
#b9d1cb rgb(185,209,203)
```
#c5d9d4
```
#c5d9d4 rgb(197,217,212)
```
#d1e1dd
```
#d1e1dd rgb(209,225,221)
```
#dde9e6
```
#dde9e6 rgb(221,233,230)
```
#e8f0ee
```
#e8f0ee rgb(232,240,238)
```
#f4f8f7
```
#f4f8f7 rgb(244,248,247)
```

Tint Color Variation

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

#798884
```
#798884 rgb(121,136,132)
```
#709189
```
#709189 rgb(112,145,137)
```
#669b8e
```
#669b8e rgb(102,155,142)
```
#5ca593
```
#5ca593 rgb(92,165,147)
```
#53ae98
```
#53ae98 rgb(83,174,152)
```
#49b89d
```
#49b89d rgb(73,184,157)
```
#3fc2a2
```
#3fc2a2 rgb(63,194,162)
```
#35cca7
```
#35cca7 rgb(53,204,167)
```
#2cd5ac
```
#2cd5ac rgb(44,213,172)
```
#22dfb1
```
#22dfb1 rgb(34,223,177)
```
#18e9b6
```
#18e9b6 rgb(24,233,182)
```
#0ef3bb
```
#0ef3bb rgb(14,243,187)
```
#05fcc0
```
#05fcc0 rgb(5,252,192)
```

Tone Color Variation

Below, you can see how #669b8e 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

#8a8a8a Achromatopsia 0.005% of the population
#838d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a958e Protanopia 1% of men
#a39298 Deuteranopia 1% of men
#739da8 Tritanopia 0.001% of the population

Trichromacy

#87978e Protanomaly 1% of men, 0.01% of women
#8d9594 Deuteranomaly 6% of men, 0.4% of women
#6e9c9e Tritanomaly 0.01% of the population

#669b8e hex color

#669b8e Color Information

#669b8e Color Conversion

Color Schemes with #669b8e

Alternatives to #669b8e

#669b8e Preview

Shades and Tints of #669b8e

Tones of #669b8e

Color Blindness Simulator