#669a8f hex color

In a RGB color space, hex #669a8f is composed of 40% red, 60.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 0% magenta, 7.1% yellow and 39.6% black. It has a hue angle of 167.3 degrees, a saturation of 20.5% and a lightness of 50.2%. #669a8f color hex could be obtained by blending #ccffff with #00351f. Closest websafe color is: #669999.

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

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

The hexadecimal color #669a8f has RGB values of R:102, G:154, B:143 and CMYK values of C:0.34, M:0, Y:0.07, K:0.4. Its decimal value is 6724239.

Hex triplet	669a8f	`#669a8f`
RGB Decimal	102, 154, 143	`rgb(102,154,143)`
RGB Percent	40, 60.4, 56.1	`rgb(40%,60.4%,56.1%)`
CMYK	34, 0, 7, 40
HSL	167.3°, 20.5, 50.2	`hsl(167.3,20.5%,50.2%)`
HSV (or HSB)	167.3°, 33.8, 60.4
Web Safe	669999	`#669999`

CIE-LAB	59.815, -19.831, 0.263
XYZ	21.992, 27.918, 30.215
xyY	0.274, 0.348, 27.918
CIE-LCH	59.815, 19.833, 179.24
CIE-LUV	59.815, -25.12, 3.49
Hunter-Lab	52.838, -18.172, 3.082
Binary	01100110, 10011010, 10001111

#669a8f
```
#669a8f rgb(102,154,143)
```
#9a6671
```
#9a6671 rgb(154,102,113)
```

Complementary Color

#669a75
```
#669a75 rgb(102,154,117)
```
#669a8f
```
#669a8f rgb(102,154,143)
```
#668b9a
```
#668b9a rgb(102,139,154)
```

Analogous Color

#9a7566
```
#9a7566 rgb(154,117,102)
```
#669a8f
```
#669a8f rgb(102,154,143)
```
#9a668b
```
#9a668b rgb(154,102,139)
```

Split Complementary Color

#9a8f66
```
#9a8f66 rgb(154,143,102)
```
#669a8f
```
#669a8f rgb(102,154,143)
```
#8f669a
```
#8f669a rgb(143,102,154)
```

Triadic Color

#719a66
```
#719a66 rgb(113,154,102)
```
#669a8f
```
#669a8f rgb(102,154,143)
```
#8f669a
```
#8f669a rgb(143,102,154)
```
#9a6671
```
#9a6671 rgb(154,102,113)
```

Tetradic Color

#476c64
```
#476c64 rgb(71,108,100)
```
#527b73
```
#527b73 rgb(82,123,115)
```
#5c8b81
```
#5c8b81 rgb(92,139,129)
```
#669a8f
```
#669a8f rgb(102,154,143)
```
#75a49a
```
#75a49a rgb(117,164,154)
```
#85aea5
```
#85aea5 rgb(133,174,165)
```
#94b8b1
```
#94b8b1 rgb(148,184,177)
```

Monochromatic Color

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

#669a82
```
#669a82 rgb(102,154,130)
```
#669a86
```
#669a86 rgb(102,154,134)
```
#669a8b
```
#669a8b rgb(102,154,139)
```
#669a8f
```
#669a8f rgb(102,154,143)
```
#669a93
```
#669a93 rgb(102,154,147)
```
#669a98
```
#669a98 rgb(102,154,152)
```
#66989a
```
#66989a rgb(102,152,154)
```

Similar Colors

Text with hexadecimal color #669a8f

This text has a font color of #669a8f.

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

#669a8f background color

This paragraph has a background color of #669a8f.

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

#669a8f border color

This element has a border color of #669a8f.

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

CSS codes

.text {color:#669a8f;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#080c0c
```
#080c0c rgb(8,12,12)
```
#101816
```
#101816 rgb(16,24,22)
```
#182421
```
#182421 rgb(24,36,33)
```
#20302c
```
#20302c rgb(32,48,44)
```
#273c37
```
#273c37 rgb(39,60,55)
```
#2f4742
```
#2f4742 rgb(47,71,66)
```
#37534d
```
#37534d rgb(55,83,77)
```
#3f5f58
```
#3f5f58 rgb(63,95,88)
```
#476b63
```
#476b63 rgb(71,107,99)
```
#4e776e
```
#4e776e rgb(78,119,110)
```
#568379
```
#568379 rgb(86,131,121)
```
#5e8e84
```
#5e8e84 rgb(94,142,132)
```

Shade Color Variation

#669a8f
```
#669a8f rgb(102,154,143)
```
#72a298
```
#72a298 rgb(114,162,152)
```
#7eaaa0
```
#7eaaa0 rgb(126,170,160)
```
#89b1a9
```
#89b1a9 rgb(137,177,169)
```
#95b9b2
```
#95b9b2 rgb(149,185,178)
```
#a1c1ba
```
#a1c1ba rgb(161,193,186)
```
#adc9c3
```
#adc9c3 rgb(173,201,195)
```
#b9d1cc
```
#b9d1cc rgb(185,209,204)
```
#c5d8d4
```
#c5d8d4 rgb(197,216,212)
```
#d0e0dd
```
#d0e0dd rgb(208,224,221)
```
#dce8e5
```
#dce8e5 rgb(220,232,229)
```
#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, #7a8684 is the less saturated color, while #04fcc7 is the most saturated one.

#7a8684
```
#7a8684 rgb(122,134,132)
```
#709089
```
#709089 rgb(112,144,137)
```
#669a8f
```
#669a8f rgb(102,154,143)
```
#5ca495
```
#5ca495 rgb(92,164,149)
```
#52ae9a
```
#52ae9a rgb(82,174,154)
```
#49b7a0
```
#49b7a0 rgb(73,183,160)
```
#3fc1a6
```
#3fc1a6 rgb(63,193,166)
```
#35cbab
```
#35cbab rgb(53,203,171)
```
#2bd5b1
```
#2bd5b1 rgb(43,213,177)
```
#22deb6
```
#22deb6 rgb(34,222,182)
```
#18e8bc
```
#18e8bc rgb(24,232,188)
```
#0ef2c2
```
#0ef2c2 rgb(14,242,194)
```
#04fcc7
```
#04fcc7 rgb(4,252,199)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#828c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#99958f Protanopia 1% of men
#a19199 Deuteranopia 1% of men
#739ca7 Tritanopia 0.001% of the population

Trichromacy

#87968f Protanomaly 1% of men, 0.01% of women
#8c9495 Deuteranomaly 6% of men, 0.4% of women
#6e9b9e Tritanomaly 0.01% of the population

#669a8f hex color

#669a8f Color Information

#669a8f Color Conversion

Color Schemes with #669a8f

Alternatives to #669a8f

#669a8f Preview

Shades and Tints of #669a8f

Tones of #669a8f

Color Blindness Simulator