#669caa hex color

In a RGB color space, hex #669caa is composed of 40% red, 61.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 8.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 192.4 degrees, a saturation of 28.6% and a lightness of 53.3%. #669caa color hex could be obtained by blending #ccffff with #003955. Closest websafe color is: #669999.

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

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

The hexadecimal color #669caa has RGB values of R:102, G:156, B:170 and CMYK values of C:0.4, M:0.08, Y:0, K:0.33. Its decimal value is 6724778.

Hex triplet	669caa	`#669caa`
RGB Decimal	102, 156, 170	`rgb(102,156,170)`
RGB Percent	40, 61.2, 66.7	`rgb(40%,61.2%,66.7%)`
CMYK	40, 8, 0, 33
HSL	192.4°, 28.6, 53.3	`hsl(192.4,28.6%,53.3%)`
HSV (or HSB)	192.4°, 40, 66.7
Web Safe	669999	`#669999`

CIE-LAB	61.223, -14.121, -12.935
XYZ	24.622, 29.503, 42.425
xyY	0.255, 0.306, 29.503
CIE-LCH	61.223, 19.15, 222.49
CIE-LUV	61.223, -25.595, -17.235
Hunter-Lab	54.316, -14.139, -8.288
Binary	01100110, 10011100, 10101010

#669caa
```
#669caa rgb(102,156,170)
```
#aa7466
```
#aa7466 rgb(170,116,102)
```

Complementary Color

#66aa96
```
#66aa96 rgb(102,170,150)
```
#669caa
```
#669caa rgb(102,156,170)
```
#667aaa
```
#667aaa rgb(102,122,170)
```

Analogous Color

#aa9666
```
#aa9666 rgb(170,150,102)
```
#669caa
```
#669caa rgb(102,156,170)
```
#aa667a
```
#aa667a rgb(170,102,122)
```

Split Complementary Color

#9caa66
```
#9caa66 rgb(156,170,102)
```
#669caa
```
#669caa rgb(102,156,170)
```
#aa669c
```
#aa669c rgb(170,102,156)
```

Triadic Color

#66aa74
```
#66aa74 rgb(102,170,116)
```
#669caa
```
#669caa rgb(102,156,170)
```
#aa669c
```
#aa669c rgb(170,102,156)
```
#aa7466
```
#aa7466 rgb(170,116,102)
```

Tetradic Color

#46727e
```
#46727e rgb(70,114,126)
```
#4f818e
```
#4f818e rgb(79,129,142)
```
#58909e
```
#58909e rgb(88,144,158)
```
#669caa
```
#669caa rgb(102,156,170)
```
#76a7b3
```
#76a7b3 rgb(118,167,179)
```
#87b1bc
```
#87b1bc rgb(135,177,188)
```
#97bcc5
```
#97bcc5 rgb(151,188,197)
```

Monochromatic Color

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

#66aaa7
```
#66aaa7 rgb(102,170,167)
```
#66a7aa
```
#66a7aa rgb(102,167,170)
```
#66a2aa
```
#66a2aa rgb(102,162,170)
```
#669caa
```
#669caa rgb(102,156,170)
```
#6696aa
```
#6696aa rgb(102,150,170)
```
#6691aa
```
#6691aa rgb(102,145,170)
```
#668baa
```
#668baa rgb(102,139,170)
```

Similar Colors

Text with hexadecimal color #669caa

This text has a font color of #669caa.

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

#669caa background color

This paragraph has a background color of #669caa.

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

#669caa border color

This element has a border color of #669caa.

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

CSS codes

.text {color:#669caa;}

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

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

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, #060a0b is the darkest color, while #fdfefe is the lightest one.

#060a0b
```
#060a0b rgb(6,10,11)
```
#0d1518
```
#0d1518 rgb(13,21,24)
```
#142124
```
#142124 rgb(20,33,36)
```
#1b2c31
```
#1b2c31 rgb(27,44,49)
```
#22383d
```
#22383d rgb(34,56,61)
```
#29434a
```
#29434a rgb(41,67,74)
```
#304f57
```
#304f57 rgb(48,79,87)
```
#375a63
```
#375a63 rgb(55,90,99)
```
#3e6670
```
#3e6670 rgb(62,102,112)
```
#45717c
```
#45717c rgb(69,113,124)
```
#4c7c89
```
#4c7c89 rgb(76,124,137)
```
#538896
```
#538896 rgb(83,136,150)
```
#5a93a2
```
#5a93a2 rgb(90,147,162)
```

Shade Color Variation

#669caa
```
#669caa rgb(102,156,170)
```
#73a4b1
```
#73a4b1 rgb(115,164,177)
```
#7facb8
```
#7facb8 rgb(127,172,184)
```
#8cb4bf
```
#8cb4bf rgb(140,180,191)
```
#98bdc6
```
#98bdc6 rgb(152,189,198)
```
#a5c5cd
```
#a5c5cd rgb(165,197,205)
```
#b2cdd4
```
#b2cdd4 rgb(178,205,212)
```
#bed5db
```
#bed5db rgb(190,213,219)
```
#cbdde2
```
#cbdde2 rgb(203,221,226)
```
#d7e5e9
```
#d7e5e9 rgb(215,229,233)
```
#e4eef0
```
#e4eef0 rgb(228,238,240)
```
#f1f6f7
```
#f1f6f7 rgb(241,246,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818c8f is the less saturated color, while #14ccfc is the most saturated one.

#818c8f
```
#818c8f rgb(129,140,143)
```
#789198
```
#789198 rgb(120,145,152)
```
#6f97a1
```
#6f97a1 rgb(111,151,161)
```
#669caa
```
#669caa rgb(102,156,170)
```
#5da1b3
```
#5da1b3 rgb(93,161,179)
```
#54a7bc
```
#54a7bc rgb(84,167,188)
```
#4bacc5
```
#4bacc5 rgb(75,172,197)
```
#41b2cf
```
#41b2cf rgb(65,178,207)
```
#38b7d8
```
#38b7d8 rgb(56,183,216)
```
#2fbce1
```
#2fbce1 rgb(47,188,225)
```
#26c2ea
```
#26c2ea rgb(38,194,234)
```
#1dc7f3
```
#1dc7f3 rgb(29,199,243)
```
#14ccfc
```
#14ccfc rgb(20,204,252)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#859093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9698a9 Protanopia 1% of men
#9a96b2 Deuteranopia 1% of men
#6da1ad Tritanopia 0.001% of the population

Trichromacy

#8599a9 Protanomaly 1% of men, 0.01% of women
#8798af Deuteranomaly 6% of men, 0.4% of women
#6a9fab Tritanomaly 0.01% of the population

#669caa hex color

#669caa Color Information

#669caa Color Conversion

Color Schemes with #669caa

Alternatives to #669caa

#669caa Preview

Shades and Tints of #669caa

Tones of #669caa

Color Blindness Simulator