#669ea7 hex color

In a RGB color space, hex #669ea7 is composed of 40% red, 62% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 5.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 188.3 degrees, a saturation of 27% and a lightness of 52.7%. #669ea7 color hex could be obtained by blending #ccffff with #003d4f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 62
- B 65
RGB color chart
- C 39
- M 5
- Y 0
- K 35
CMYK color chart

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

The hexadecimal color #669ea7 has RGB values of R:102, G:158, B:167 and CMYK values of C:0.39, M:0.05, Y:0, K:0.35. Its decimal value is 6725287.

Hex triplet	669ea7	`#669ea7`
RGB Decimal	102, 158, 167	`rgb(102,158,167)`
RGB Percent	40, 62, 65.5	`rgb(40%,62%,65.5%)`
CMYK	39, 5, 0, 35
HSL	188.3°, 27, 52.7	`hsl(188.3,27%,52.7%)`
HSV (or HSB)	188.3°, 38.9, 65.5
Web Safe	669999	`#669999`

CIE-LAB	61.712, -15.982, -10.508
XYZ	24.68, 30.067, 41.06
xyY	0.258, 0.314, 30.067
CIE-LCH	61.712, 19.127, 213.324
CIE-LUV	61.712, -26.473, -13.218
Hunter-Lab	54.834, -15.619, -6.014
Binary	01100110, 10011110, 10100111

#669ea7
```
#669ea7 rgb(102,158,167)
```
#a76f66
```
#a76f66 rgb(167,111,102)
```

Complementary Color

#66a790
```
#66a790 rgb(102,167,144)
```
#669ea7
```
#669ea7 rgb(102,158,167)
```
#667ea7
```
#667ea7 rgb(102,126,167)
```

Analogous Color

#a79066
```
#a79066 rgb(167,144,102)
```
#669ea7
```
#669ea7 rgb(102,158,167)
```
#a7667e
```
#a7667e rgb(167,102,126)
```

Split Complementary Color

#9ea766
```
#9ea766 rgb(158,167,102)
```
#669ea7
```
#669ea7 rgb(102,158,167)
```
#a7669e
```
#a7669e rgb(167,102,158)
```

Triadic Color

#66a76f
```
#66a76f rgb(102,167,111)
```
#669ea7
```
#669ea7 rgb(102,158,167)
```
#a7669e
```
#a7669e rgb(167,102,158)
```
#a76f66
```
#a76f66 rgb(167,111,102)
```

Tetradic Color

#46737a
```
#46737a rgb(70,115,122)
```
#50828a
```
#50828a rgb(80,130,138)
```
#59919b
```
#59919b rgb(89,145,155)
```
#669ea7
```
#669ea7 rgb(102,158,167)
```
#76a8b0
```
#76a8b0 rgb(118,168,176)
```
#86b3ba
```
#86b3ba rgb(134,179,186)
```
#97bdc3
```
#97bdc3 rgb(151,189,195)
```

Monochromatic Color

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

#66a7a0
```
#66a7a0 rgb(102,167,160)
```
#66a7a5
```
#66a7a5 rgb(102,167,165)
```
#66a3a7
```
#66a3a7 rgb(102,163,167)
```
#669ea7
```
#669ea7 rgb(102,158,167)
```
#6699a7
```
#6699a7 rgb(102,153,167)
```
#6693a7
```
#6693a7 rgb(102,147,167)
```
#668ea7
```
#668ea7 rgb(102,142,167)
```

Similar Colors

Text with hexadecimal color #669ea7

This text has a font color of #669ea7.

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

#669ea7 background color

This paragraph has a background color of #669ea7.

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

#669ea7 border color

This element has a border color of #669ea7.

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

CSS codes

.text {color:#669ea7;}

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

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1415
```
#0c1415 rgb(12,20,21)
```
#132022
```
#132022 rgb(19,32,34)
```
#1b2c2e
```
#1b2c2e rgb(27,44,46)
```
#22373b
```
#22373b rgb(34,55,59)
```
#294347
```
#294347 rgb(41,67,71)
```
#304f54
```
#304f54 rgb(48,79,84)
```
#375a60
```
#375a60 rgb(55,90,96)
```
#3e666d
```
#3e666d rgb(62,102,109)
```
#467279
```
#467279 rgb(70,114,121)
```
#4d7e85
```
#4d7e85 rgb(77,126,133)
```
#548992
```
#548992 rgb(84,137,146)
```
#5b959e
```
#5b959e rgb(91,149,158)
```

Shade Color Variation

#669ea7
```
#669ea7 rgb(102,158,167)
```
#72a6ae
```
#72a6ae rgb(114,166,174)
```
#7faeb5
```
#7faeb5 rgb(127,174,181)
```
#8bb6bc
```
#8bb6bc rgb(139,182,188)
```
#98bec4
```
#98bec4 rgb(152,190,196)
```
#a4c5cb
```
#a4c5cb rgb(164,197,203)
```
#b1cdd2
```
#b1cdd2 rgb(177,205,210)
```
#bdd5d9
```
#bdd5d9 rgb(189,213,217)
```
#cadde0
```
#cadde0 rgb(202,221,224)
```
#d6e5e7
```
#d6e5e7 rgb(214,229,231)
```
#e3edef
```
#e3edef rgb(227,237,239)
```
#eff5f6
```
#eff5f6 rgb(239,245,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828a8b is the less saturated color, while #13dafa is the most saturated one.

#828a8b
```
#828a8b rgb(130,138,139)
```
#799194
```
#799194 rgb(121,145,148)
```
#6f979e
```
#6f979e rgb(111,151,158)
```
#669ea7
```
#669ea7 rgb(102,158,167)
```
#5da5b0
```
#5da5b0 rgb(93,165,176)
```
#53abba
```
#53abba rgb(83,171,186)
```
#4ab2c3
```
#4ab2c3 rgb(74,178,195)
```
#41b9cc
```
#41b9cc rgb(65,185,204)
```
#38c0d5
```
#38c0d5 rgb(56,192,213)
```
#2ec6df
```
#2ec6df rgb(46,198,223)
```
#25cde8
```
#25cde8 rgb(37,205,232)
```
#1cd4f1
```
#1cd4f1 rgb(28,212,241)
```
#13dafa
```
#13dafa rgb(19,218,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#869193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9999a6 Protanopia 1% of men
#9e97af Deuteranopia 1% of men
#6ea2ae Tritanopia 0.001% of the population

Trichromacy

#869ba6 Protanomaly 1% of men, 0.01% of women
#8999ac Deuteranomaly 6% of men, 0.4% of women
#6ba0ab Tritanomaly 0.01% of the population

#669ea7 hex color

#669ea7 Color Information

#669ea7 Color Conversion

Color Schemes with #669ea7

Alternatives to #669ea7

#669ea7 Preview

Shades and Tints of #669ea7

Tones of #669ea7

Color Blindness Simulator