#669dbe hex color

In a RGB color space, hex #669dbe is composed of 40% red, 61.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 17.4% magenta, 0% yellow and 25.5% black. It has a hue angle of 202.5 degrees, a saturation of 40.4% and a lightness of 57.3%. #669dbe color hex could be obtained by blending #ccffff with #003b7d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 62
- B 75
RGB color chart
- C 46
- M 17
- Y 0
- K 25
CMYK color chart

● #669dbe color description : Slightly desaturated blue.

The hexadecimal color #669dbe has RGB values of R:102, G:157, B:190 and CMYK values of C:0.46, M:0.17, Y:0, K:0.25. Its decimal value is 6725054.

Hex triplet	669dbe	`#669dbe`
RGB Decimal	102, 157, 190	`rgb(102,157,190)`
RGB Percent	40, 61.6, 74.5	`rgb(40%,61.6%,74.5%)`
CMYK	46, 17, 0, 25
HSL	202.5°, 40.4, 57.3	`hsl(202.5,40.4%,57.3%)`
HSV (or HSB)	202.5°, 46.3, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.215, -9.149, -22.686
XYZ	26.828, 30.655, 53.216
xyY	0.242, 0.277, 30.655
CIE-LCH	62.215, 24.461, 248.037
CIE-LUV	62.215, -25.717, -33.527
Hunter-Lab	55.367, -10.399, -18.229
Binary	01100110, 10011101, 10111110

#669dbe
```
#669dbe rgb(102,157,190)
```
#be8766
```
#be8766 rgb(190,135,102)
```

Complementary Color

#66beb3
```
#66beb3 rgb(102,190,179)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#6671be
```
#6671be rgb(102,113,190)
```

Analogous Color

#beb366
```
#beb366 rgb(190,179,102)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#be6671
```
#be6671 rgb(190,102,113)
```

Split Complementary Color

#9dbe66
```
#9dbe66 rgb(157,190,102)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#be669d
```
#be669d rgb(190,102,157)
```

Triadic Color

#66be87
```
#66be87 rgb(102,190,135)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#be669d
```
#be669d rgb(190,102,157)
```
#be8766
```
#be8766 rgb(190,135,102)
```

Tetradic Color

#407797
```
#407797 rgb(64,119,151)
```
#4885a9
```
#4885a9 rgb(72,133,169)
```
#5492b6
```
#5492b6 rgb(84,146,182)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#78a8c6
```
#78a8c6 rgb(120,168,198)
```
#8ab4cd
```
#8ab4cd rgb(138,180,205)
```
#9cbfd5
```
#9cbfd5 rgb(156,191,213)
```

Monochromatic Color

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

#66b3be
```
#66b3be rgb(102,179,190)
```
#66acbe
```
#66acbe rgb(102,172,190)
```
#66a4be
```
#66a4be rgb(102,164,190)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#6696be
```
#6696be rgb(102,150,190)
```
#668ebe
```
#668ebe rgb(102,142,190)
```
#6687be
```
#6687be rgb(102,135,190)
```

Similar Colors

Text with hexadecimal color #669dbe

This text has a font color of #669dbe.

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

#669dbe background color

This paragraph has a background color of #669dbe.

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

#669dbe border color

This element has a border color of #669dbe.

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

CSS codes

.text {color:#669dbe;}

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

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

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

#050a0c
```
#050a0c rgb(5,10,12)
```
#0b141a
```
#0b141a rgb(11,20,26)
```
#111f28
```
#111f28 rgb(17,31,40)
```
#172a36
```
#172a36 rgb(23,42,54)
```
#1d3543
```
#1d3543 rgb(29,53,67)
```
#224051
```
#224051 rgb(34,64,81)
```
#284a5f
```
#284a5f rgb(40,74,95)
```
#2e556d
```
#2e556d rgb(46,85,109)
```
#34607a
```
#34607a rgb(52,96,122)
```
#3a6b88
```
#3a6b88 rgb(58,107,136)
```
#407696
```
#407696 rgb(64,118,150)
```
#4680a4
```
#4680a4 rgb(70,128,164)
```
#4b8bb1
```
#4b8bb1 rgb(75,139,177)
```

Shade Color Variation

#5894b8
```
#5894b8 rgb(88,148,184)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#74a6c4
```
#74a6c4 rgb(116,166,196)
```
#82afca
```
#82afca rgb(130,175,202)
```
#8fb7d0
```
#8fb7d0 rgb(143,183,208)
```
#9dc0d5
```
#9dc0d5 rgb(157,192,213)
```
#abc9db
```
#abc9db rgb(171,201,219)
```
#b9d2e1
```
#b9d2e1 rgb(185,210,225)
```
#c6dbe7
```
#c6dbe7 rgb(198,219,231)
```
#d4e4ed
```
#d4e4ed rgb(212,228,237)
```
#e2ecf3
```
#e2ecf3 rgb(226,236,243)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909394 is the less saturated color, while #2bacf9 is the most saturated one.

#909394
```
#909394 rgb(144,147,148)
```
#88959c
```
#88959c rgb(136,149,156)
```
#7f97a5
```
#7f97a5 rgb(127,151,165)
```
#7799ad
```
#7799ad rgb(119,153,173)
```
#6e9bb6
```
#6e9bb6 rgb(110,155,182)
```
#669dbe
```
#669dbe rgb(102,157,190)
```
#5e9fc6
```
#5e9fc6 rgb(94,159,198)
```
#55a1cf
```
#55a1cf rgb(85,161,207)
```
#4da3d7
```
#4da3d7 rgb(77,163,215)
```
#44a5e0
```
#44a5e0 rgb(68,165,224)
```
#3ca7e8
```
#3ca7e8 rgb(60,167,232)
```
#34aaf0
```
#34aaf0 rgb(52,170,240)
```
#2bacf9
```
#2bacf9 rgb(43,172,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#889399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939abc Protanopia 1% of men
#9399c4 Deuteranopia 1% of men
#67a5b1 Tritanopia 0.001% of the population

Trichromacy

#829bbd Protanomaly 1% of men, 0.01% of women
#829ac2 Deuteranomaly 6% of men, 0.4% of women
#67a2b5 Tritanomaly 0.01% of the population

#669dbe hex color

#669dbe Color Information

#669dbe Color Conversion

Color Schemes with #669dbe

Alternatives to #669dbe

#669dbe Preview

Shades and Tints of #669dbe

Tones of #669dbe

Color Blindness Simulator