#669b8f hex color

In a RGB color space, hex #669b8f is composed of 40% red, 60.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 34.2% cyan, 0% magenta, 7.7% yellow and 39.2% black. It has a hue angle of 166.4 degrees, a saturation of 20.9% and a lightness of 50.4%. #669b8f color hex could be obtained by blending #ccffff with #00371f. 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

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

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

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

CIE-LAB	60.114, -20.35, 0.699
XYZ	22.157, 28.25, 30.27
xyY	0.275, 0.35, 28.25
CIE-LCH	60.114, 20.362, 178.033
CIE-LUV	60.114, -25.559, 4.2
Hunter-Lab	53.15, -18.6, 3.438
Binary	01100110, 10011011, 10001111

#669b8f
```
#669b8f rgb(102,155,143)
```
#9b6672
```
#9b6672 rgb(155,102,114)
```

Complementary Color

#669b75
```
#669b75 rgb(102,155,117)
```
#669b8f
```
#669b8f rgb(102,155,143)
```
#668d9b
```
#668d9b rgb(102,141,155)
```

Analogous Color

#9b7566
```
#9b7566 rgb(155,117,102)
```
#669b8f
```
#669b8f rgb(102,155,143)
```
#9b668d
```
#9b668d rgb(155,102,141)
```

Split Complementary Color

#9b8f66
```
#9b8f66 rgb(155,143,102)
```
#669b8f
```
#669b8f rgb(102,155,143)
```
#8f669b
```
#8f669b rgb(143,102,155)
```

Triadic Color

#729b66
```
#729b66 rgb(114,155,102)
```
#669b8f
```
#669b8f rgb(102,155,143)
```
#8f669b
```
#8f669b rgb(143,102,155)
```
#9b6672
```
#9b6672 rgb(155,102,114)
```

Tetradic Color

#476d65
```
#476d65 rgb(71,109,101)
```
#517d73
```
#517d73 rgb(81,125,115)
```
#5c8c81
```
#5c8c81 rgb(92,140,129)
```
#669b8f
```
#669b8f rgb(102,155,143)
```
#75a59a
```
#75a59a rgb(117,165,154)
```
#85afa6
```
#85afa6 rgb(133,175,166)
```
#94b9b1
```
#94b9b1 rgb(148,185,177)
```

Monochromatic Color

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

#669b82
```
#669b82 rgb(102,155,130)
```
#669b86
```
#669b86 rgb(102,155,134)
```
#669b8b
```
#669b8b rgb(102,155,139)
```
#669b8f
```
#669b8f rgb(102,155,143)
```
#669b93
```
#669b93 rgb(102,155,147)
```
#669b98
```
#669b98 rgb(102,155,152)
```
#669a9b
```
#669a9b rgb(102,154,155)
```

Similar Colors

Text with hexadecimal color #669b8f

This text has a font color of #669b8f.

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

#669b8f background color

This paragraph has a background color of #669b8f.

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

#669b8f border color

This element has a border color of #669b8f.

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

CSS codes

.text {color:#669b8f;}

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

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

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)
```
#283d38
```
#283d38 rgb(40,61,56)
```
#2f4843
```
#2f4843 rgb(47,72,67)
```
#37544e
```
#37544e rgb(55,84,78)
```
#3f6059
```
#3f6059 rgb(63,96,89)
```
#476c64
```
#476c64 rgb(71,108,100)
```
#4e786e
```
#4e786e rgb(78,120,110)
```
#568479
```
#568479 rgb(86,132,121)
```
#5e9084
```
#5e9084 rgb(94,144,132)
```

Shade Color Variation

#669b8f
```
#669b8f rgb(102,155,143)
```
#72a398
```
#72a398 rgb(114,163,152)
```
#7eaba0
```
#7eaba0 rgb(126,171,160)
```
#8ab2a9
```
#8ab2a9 rgb(138,178,169)
```
#95bab2
```
#95bab2 rgb(149,186,178)
```
#a1c2ba
```
#a1c2ba rgb(161,194,186)
```
#adcac3
```
#adcac3 rgb(173,202,195)
```
#b9d1cc
```
#b9d1cc rgb(185,209,204)
```
#c5d9d4
```
#c5d9d4 rgb(197,217,212)
```
#d1e1dd
```
#d1e1dd rgb(209,225,221)
```
#dde9e6
```
#dde9e6 rgb(221,233,230)
```
#e8f0ef
```
#e8f0ef rgb(232,240,239)
```
#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 #05fcc4 is the most saturated one.

#798884
```
#798884 rgb(121,136,132)
```
#70918a
```
#70918a rgb(112,145,138)
```
#669b8f
```
#669b8f rgb(102,155,143)
```
#5ca594
```
#5ca594 rgb(92,165,148)
```
#53ae9a
```
#53ae9a rgb(83,174,154)
```
#49b89f
```
#49b89f rgb(73,184,159)
```
#3fc2a4
```
#3fc2a4 rgb(63,194,164)
```
#35ccaa
```
#35ccaa rgb(53,204,170)
```
#2cd5af
```
#2cd5af rgb(44,213,175)
```
#22dfb4
```
#22dfb4 rgb(34,223,180)
```
#18e9ba
```
#18e9ba rgb(24,233,186)
```
#0ef3bf
```
#0ef3bf rgb(14,243,191)
```
#05fcc4
```
#05fcc4 rgb(5,252,196)
```

Tone Color Variation

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

#9a958f Protanopia 1% of men
#a39299 Deuteranopia 1% of men
#739da8 Tritanopia 0.001% of the population

Trichromacy

#87978f Protanomaly 1% of men, 0.01% of women
#8c9595 Deuteranomaly 6% of men, 0.4% of women
#6e9c9f Tritanomaly 0.01% of the population

#669b8f hex color

#669b8f Color Information

#669b8f Color Conversion

Color Schemes with #669b8f

Alternatives to #669b8f

#669b8f Preview

Shades and Tints of #669b8f

Tones of #669b8f

Color Blindness Simulator