#669cdb hex color

In a RGB color space, hex #669cdb is composed of 40% red, 61.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 28.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 212.3 degrees, a saturation of 61.9% and a lightness of 62.9%. #669cdb color hex could be obtained by blending #ccffff with #0039b7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 61
- B 86
RGB color chart
- C 53
- M 29
- Y 0
- K 14
CMYK color chart

● #669cdb color description : Soft blue.

The hexadecimal color #669cdb has RGB values of R:102, G:156, B:219 and CMYK values of C:0.53, M:0.29, Y:0, K:0.14. Its decimal value is 6724827.

Hex triplet	669cdb	`#669cdb`
RGB Decimal	102, 156, 219	`rgb(102,156,219)`
RGB Percent	40, 61.2, 85.9	`rgb(40%,61.2%,85.9%)`
CMYK	53, 29, 0, 14
HSL	212.3°, 61.9, 62.9	`hsl(212.3,61.9%,62.9%)`
HSV (or HSB)	212.3°, 53.4, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.106, 0.028, -37.486
XYZ	30.151, 31.715, 71.547
xyY	0.226, 0.238, 31.715
CIE-LCH	63.106, 37.486, 270.043
CIE-LUV	63.106, -24.982, -59.219
Hunter-Lab	56.316, -2.984, -35.904
Binary	01100110, 10011100, 11011011

#669cdb
```
#669cdb rgb(102,156,219)
```
#dba566
```
#dba566 rgb(219,165,102)
```

Complementary Color

#66d7db
```
#66d7db rgb(102,215,219)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#6b66db
```
#6b66db rgb(107,102,219)
```

Analogous Color

#d7db66
```
#d7db66 rgb(215,219,102)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#db6b66
```
#db6b66 rgb(219,107,102)
```

Split Complementary Color

#9cdb66
```
#9cdb66 rgb(156,219,102)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#db669c
```
#db669c rgb(219,102,156)
```

Triadic Color

#66dba5
```
#66dba5 rgb(102,219,165)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#db669c
```
#db669c rgb(219,102,156)
```
#dba566
```
#dba566 rgb(219,165,102)
```

Tetradic Color

#2f74c6
```
#2f74c6 rgb(47,116,198)
```
#3d81d1
```
#3d81d1 rgb(61,129,209)
```
#518fd6
```
#518fd6 rgb(81,143,214)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#7ba9e0
```
#7ba9e0 rgb(123,169,224)
```
#8fb7e5
```
#8fb7e5 rgb(143,183,229)
```
#a4c4ea
```
#a4c4ea rgb(164,196,234)
```

Monochromatic Color

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

#66b9db
```
#66b9db rgb(102,185,219)
```
#66b0db
```
#66b0db rgb(102,176,219)
```
#66a6db
```
#66a6db rgb(102,166,219)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#6692db
```
#6692db rgb(102,146,219)
```
#6689db
```
#6689db rgb(102,137,219)
```
#667fdb
```
#667fdb rgb(102,127,219)
```

Similar Colors

Text with hexadecimal color #669cdb

This text has a font color of #669cdb.

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

#669cdb background color

This paragraph has a background color of #669cdb.

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

#669cdb border color

This element has a border color of #669cdb.

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

CSS codes

.text {color:#669cdb;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050d16
```
#050d16 rgb(5,13,22)
```
#091626
```
#091626 rgb(9,22,38)
```
#0d1f35
```
#0d1f35 rgb(13,31,53)
```
#102945
```
#102945 rgb(16,41,69)
```
#143255
```
#143255 rgb(20,50,85)
```
#183b65
```
#183b65 rgb(24,59,101)
```
#1c4575
```
#1c4575 rgb(28,69,117)
```
#1f4e85
```
#1f4e85 rgb(31,78,133)
```
#235795
```
#235795 rgb(35,87,149)
```
#2761a5
```
#2761a5 rgb(39,97,165)
```
#2a6ab4
```
#2a6ab4 rgb(42,106,180)
```
#2e73c4
```
#2e73c4 rgb(46,115,196)
```

Shade Color Variation

#367dd0
```
#367dd0 rgb(54,125,208)
```
#4687d4
```
#4687d4 rgb(70,135,212)
```
#5692d7
```
#5692d7 rgb(86,146,215)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#76a6df
```
#76a6df rgb(118,166,223)
```
#86b1e2
```
#86b1e2 rgb(134,177,226)
```
#96bbe6
```
#96bbe6 rgb(150,187,230)
```
#a6c5ea
```
#a6c5ea rgb(166,197,234)
```
#b5cfee
```
#b5cfee rgb(181,207,238)
```
#c5daf1
```
#c5daf1 rgb(197,218,241)
```
#d5e4f5
```
#d5e4f5 rgb(213,228,245)
```
#e5eef9
```
#e5eef9 rgb(229,238,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#99a0a8
```
#99a0a8 rgb(153,160,168)
```
#929faf
```
#929faf rgb(146,159,175)
```
#8a9fb7
```
#8a9fb7 rgb(138,159,183)
```
#839ebe
```
#839ebe rgb(131,158,190)
```
#7c9ec5
```
#7c9ec5 rgb(124,158,197)
```
#759dcc
```
#759dcc rgb(117,157,204)
```
#6d9dd4
```
#6d9dd4 rgb(109,157,212)
```
#669cdb
```
#669cdb rgb(102,156,219)
```
#5f9be2
```
#5f9be2 rgb(95,155,226)
```
#579bea
```
#579bea rgb(87,155,234)
```
#509af1
```
#509af1 rgb(80,154,241)
```
#499af8
```
#499af8 rgb(73,154,248)
```

Tone Color Variation

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

Dichromacy

#899bd9 Protanopia 1% of men
#819dde Deuteranopia 1% of men
#5ba9b5 Tritanopia 0.001% of the population

Trichromacy

#7c9bd9 Protanomaly 1% of men, 0.01% of women
#779cdd Deuteranomaly 6% of men, 0.4% of women
#5fa4c3 Tritanomaly 0.01% of the population

#669cdb hex color

#669cdb Color Information

#669cdb Color Conversion

Color Schemes with #669cdb

Alternatives to #669cdb

#669cdb Preview

Shades and Tints of #669cdb

Tones of #669cdb

Color Blindness Simulator