#669cdd hex color

In a RGB color space, hex #669cdd is composed of 40% red, 61.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 29.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 212.8 degrees, a saturation of 63.6% and a lightness of 63.3%. #669cdd color hex could be obtained by blending #ccffff with #0039bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 61
- B 87
RGB color chart
- C 54
- M 29
- Y 0
- K 13
CMYK color chart

● #669cdd color description : Soft blue.

The hexadecimal color #669cdd has RGB values of R:102, G:156, B:221 and CMYK values of C:0.54, M:0.29, Y:0, K:0.13. Its decimal value is 6724829.

Hex triplet	669cdd	`#669cdd`
RGB Decimal	102, 156, 221	`rgb(102,156,221)`
RGB Percent	40, 61.2, 86.7	`rgb(40%,61.2%,86.7%)`
CMYK	54, 29, 0, 13
HSL	212.8°, 63.6, 63.3	`hsl(212.8,63.6%,63.3%)`
HSV (or HSB)	212.8°, 53.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.194, 0.645, -38.457
XYZ	30.416, 31.82, 72.942
xyY	0.225, 0.235, 31.82
CIE-LCH	63.194, 38.463, 270.961
CIE-LUV	63.194, -24.962, -60.929
Hunter-Lab	56.41, -2.47, -37.18
Binary	01100110, 10011100, 11011101

#669cdd
```
#669cdd rgb(102,156,221)
```
#dda766
```
#dda766 rgb(221,167,102)
```

Complementary Color

#66d8dd
```
#66d8dd rgb(102,216,221)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#6c66dd
```
#6c66dd rgb(108,102,221)
```

Analogous Color

#d8dd66
```
#d8dd66 rgb(216,221,102)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#dd6c66
```
#dd6c66 rgb(221,108,102)
```

Split Complementary Color

#9cdd66
```
#9cdd66 rgb(156,221,102)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#dd669c
```
#dd669c rgb(221,102,156)
```

Triadic Color

#66dda7
```
#66dda7 rgb(102,221,167)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#dd669c
```
#dd669c rgb(221,102,156)
```
#dda766
```
#dda766 rgb(221,167,102)
```

Tetradic Color

#2d74ca
```
#2d74ca rgb(45,116,202)
```
#3c81d4
```
#3c81d4 rgb(60,129,212)
```
#518fd8
```
#518fd8 rgb(81,143,216)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#7baae2
```
#7baae2 rgb(123,170,226)
```
#90b7e6
```
#90b7e6 rgb(144,183,230)
```
#a5c5eb
```
#a5c5eb rgb(165,197,235)
```

Monochromatic Color

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

#66badd
```
#66badd rgb(102,186,221)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#66a6dd
```
#66a6dd rgb(102,166,221)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#6692dd
```
#6692dd rgb(102,146,221)
```
#6688dd
```
#6688dd rgb(102,136,221)
```
#667edd
```
#667edd rgb(102,126,221)
```

Similar Colors

Text with hexadecimal color #669cdd

This text has a font color of #669cdd.

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

#669cdd background color

This paragraph has a background color of #669cdd.

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

#669cdd border color

This element has a border color of #669cdd.

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

CSS codes

.text {color:#669cdd;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#091728
```
#091728 rgb(9,23,40)
```
#0c2038
```
#0c2038 rgb(12,32,56)
```
#102948
```
#102948 rgb(16,41,72)
```
#133258
```
#133258 rgb(19,50,88)
```
#173c68
```
#173c68 rgb(23,60,104)
```
#1b4578
```
#1b4578 rgb(27,69,120)
```
#1e4e88
```
#1e4e88 rgb(30,78,136)
```
#225798
```
#225798 rgb(34,87,152)
```
#2561a8
```
#2561a8 rgb(37,97,168)
```
#296ab8
```
#296ab8 rgb(41,106,184)
```
#2c73c8
```
#2c73c8 rgb(44,115,200)
```

Shade Color Variation

#367dd2
```
#367dd2 rgb(54,125,210)
```
#4687d6
```
#4687d6 rgb(70,135,214)
```
#5692d9
```
#5692d9 rgb(86,146,217)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#76a6e1
```
#76a6e1 rgb(118,166,225)
```
#86b1e4
```
#86b1e4 rgb(134,177,228)
```
#96bbe8
```
#96bbe8 rgb(150,187,232)
```
#a6c6eb
```
#a6c6eb rgb(166,198,235)
```
#b6d0ef
```
#b6d0ef rgb(182,208,239)
```
#c6daf2
```
#c6daf2 rgb(198,218,242)
```
#d6e5f6
```
#d6e5f6 rgb(214,229,246)
```
#e6effa
```
#e6effa rgb(230,239,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#a0a1a3
```
#a0a1a3 rgb(160,161,163)
```
#98a1ab
```
#98a1ab rgb(152,161,171)
```
#91a0b2
```
#91a0b2 rgb(145,160,178)
```
#8a9fb9
```
#8a9fb9 rgb(138,159,185)
```
#839fc0
```
#839fc0 rgb(131,159,192)
```
#7c9ec7
```
#7c9ec7 rgb(124,158,199)
```
#749dcf
```
#749dcf rgb(116,157,207)
```
#6d9dd6
```
#6d9dd6 rgb(109,157,214)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#5f9be4
```
#5f9be4 rgb(95,155,228)
```
#589beb
```
#589beb rgb(88,155,235)
```
#509af3
```
#509af3 rgb(80,154,243)
```
#4999fa
```
#4999fa rgb(73,153,250)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8a95a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889cdb Protanopia 1% of men
#809de0 Deuteranopia 1% of men
#5aa9b5 Tritanopia 0.001% of the population

Trichromacy

#7c9cdb Protanomaly 1% of men, 0.01% of women
#769cdf Deuteranomaly 6% of men, 0.4% of women
#5ea4c4 Tritanomaly 0.01% of the population

#669cdd hex color

#669cdd Color Information

#669cdd Color Conversion

Color Schemes with #669cdd

Alternatives to #669cdd

#669cdd Preview

Shades and Tints of #669cdd

Tones of #669cdd

Color Blindness Simulator