#669ab4 hex color

In a RGB color space, hex #669ab4 is composed of 40% red, 60.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 14.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 200 degrees, a saturation of 34.2% and a lightness of 55.3%. #669ab4 color hex could be obtained by blending #ccffff with #003569. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 60
- B 71
RGB color chart
- C 43
- M 14
- Y 0
- K 29
CMYK color chart

● #669ab4 color description : Slightly desaturated blue.

The hexadecimal color #669ab4 has RGB values of R:102, G:154, B:180 and CMYK values of C:0.43, M:0.14, Y:0, K:0.29. Its decimal value is 6724276.

Hex triplet	669ab4	`#669ab4`
RGB Decimal	102, 154, 180	`rgb(102,154,180)`
RGB Percent	40, 60.4, 70.6	`rgb(40%,60.4%,70.6%)`
CMYK	43, 14, 0, 29
HSL	200°, 34.2, 55.3	`hsl(200,34.2%,55.3%)`
HSV (or HSB)	200°, 43.3, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.984, -10.314, -18.94
XYZ	25.271, 29.23, 47.488
xyY	0.248, 0.287, 29.23
CIE-LCH	60.984, 21.567, 241.429
CIE-LUV	60.984, -24.643, -27.24
Hunter-Lab	54.065, -11.178, -14.232
Binary	01100110, 10011010, 10110100

#669ab4
```
#669ab4 rgb(102,154,180)
```
#b48066
```
#b48066 rgb(180,128,102)
```

Complementary Color

#66b4a7
```
#66b4a7 rgb(102,180,167)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#6673b4
```
#6673b4 rgb(102,115,180)
```

Analogous Color

#b4a766
```
#b4a766 rgb(180,167,102)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#b46673
```
#b46673 rgb(180,102,115)
```

Split Complementary Color

#9ab466
```
#9ab466 rgb(154,180,102)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#b4669a
```
#b4669a rgb(180,102,154)
```

Triadic Color

#66b480
```
#66b480 rgb(102,180,128)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#b4669a
```
#b4669a rgb(180,102,154)
```
#b48066
```
#b48066 rgb(180,128,102)
```

Tetradic Color

#44728a
```
#44728a rgb(68,114,138)
```
#4c819b
```
#4c819b rgb(76,129,155)
```
#558fac
```
#558fac rgb(85,143,172)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#77a5bc
```
#77a5bc rgb(119,165,188)
```
#88b1c5
```
#88b1c5 rgb(136,177,197)
```
#99bccd
```
#99bccd rgb(153,188,205)
```

Monochromatic Color

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

#66aeb4
```
#66aeb4 rgb(102,174,180)
```
#66a7b4
```
#66a7b4 rgb(102,167,180)
```
#66a1b4
```
#66a1b4 rgb(102,161,180)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#6694b4
```
#6694b4 rgb(102,148,180)
```
#668db4
```
#668db4 rgb(102,141,180)
```
#6687b4
```
#6687b4 rgb(102,135,180)
```

Similar Colors

Text with hexadecimal color #669ab4

This text has a font color of #669ab4.

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

#669ab4 background color

This paragraph has a background color of #669ab4.

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

#669ab4 border color

This element has a border color of #669ab4.

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

CSS codes

.text {color:#669ab4;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090f12
```
#090f12 rgb(9,15,18)
```
#0f1a1f
```
#0f1a1f rgb(15,26,31)
```
#16252c
```
#16252c rgb(22,37,44)
```
#1c303a
```
#1c303a rgb(28,48,58)
```
#233b47
```
#233b47 rgb(35,59,71)
```
#294654
```
#294654 rgb(41,70,84)
```
#305161
```
#305161 rgb(48,81,97)
```
#365c6e
```
#365c6e rgb(54,92,110)
```
#3d667b
```
#3d667b rgb(61,102,123)
```
#437189
```
#437189 rgb(67,113,137)
```
#497c96
```
#497c96 rgb(73,124,150)
```
#5087a3
```
#5087a3 rgb(80,135,163)
```

Shade Color Variation

#5991ae
```
#5991ae rgb(89,145,174)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#73a3ba
```
#73a3ba rgb(115,163,186)
```
#80abc1
```
#80abc1 rgb(128,171,193)
```
#8db4c7
```
#8db4c7 rgb(141,180,199)
```
#9bbdce
```
#9bbdce rgb(155,189,206)
```
#a8c5d4
```
#a8c5d4 rgb(168,197,212)
```
#b5cedb
```
#b5cedb rgb(181,206,219)
```
#c2d7e1
```
#c2d7e1 rgb(194,215,225)
```
#cfe0e8
```
#cfe0e8 rgb(207,224,232)
```
#dce8ee
```
#dce8ee rgb(220,232,238)
```
#eaf1f5
```
#eaf1f5 rgb(234,241,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898e91 is the less saturated color, while #20b1fa is the most saturated one.

#898e91
```
#898e91 rgb(137,142,145)
```
#80919a
```
#80919a rgb(128,145,154)
```
#7894a2
```
#7894a2 rgb(120,148,162)
```
#6f97ab
```
#6f97ab rgb(111,151,171)
```
#669ab4
```
#669ab4 rgb(102,154,180)
```
#5d9dbd
```
#5d9dbd rgb(93,157,189)
```
#54a0c6
```
#54a0c6 rgb(84,160,198)
```
#4ca3ce
```
#4ca3ce rgb(76,163,206)
```
#43a6d7
```
#43a6d7 rgb(67,166,215)
```
#3aa9e0
```
#3aa9e0 rgb(58,169,224)
```
#31ace9
```
#31ace9 rgb(49,172,233)
```
#29aef1
```
#29aef1 rgb(41,174,241)
```
#20b1fa
```
#20b1fa rgb(32,177,250)
```

Tone Color Variation

Below, you can see how #669ab4 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
#859095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9297b3 Protanopia 1% of men
#9495bb Deuteranopia 1% of men
#6aa1ac Tritanopia 0.001% of the population

Trichromacy

#8298b3 Protanomaly 1% of men, 0.01% of women
#8397b8 Deuteranomaly 6% of men, 0.4% of women
#689eaf Tritanomaly 0.01% of the population

#669ab4 hex color

#669ab4 Color Information

#669ab4 Color Conversion

Color Schemes with #669ab4

Alternatives to #669ab4

#669ab4 Preview

Shades and Tints of #669ab4

Tones of #669ab4

Color Blindness Simulator