#669bec hex color

In a RGB color space, hex #669bec is composed of 40% red, 60.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 34.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.3 degrees, a saturation of 77.9% and a lightness of 66.3%. #669bec color hex could be obtained by blending #ccffff with #0037d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 61
- B 93
RGB color chart
- C 57
- M 34
- Y 0
- K 7
CMYK color chart

● #669bec color description : Soft blue.

The hexadecimal color #669bec has RGB values of R:102, G:155, B:236 and CMYK values of C:0.57, M:0.34, Y:0, K:0.07. Its decimal value is 6724588.

Hex triplet	669bec	`#669bec`
RGB Decimal	102, 155, 236	`rgb(102,155,236)`
RGB Percent	40, 60.8, 92.5	`rgb(40%,60.8%,92.5%)`
CMYK	57, 34, 0, 7
HSL	216.3°, 77.9, 66.3	`hsl(216.3,77.9%,66.3%)`
HSV (or HSB)	216.3°, 56.8, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.608, 5.917, -46.092
XYZ	32.338, 32.322, 83.887
xyY	0.218, 0.218, 32.322
CIE-LCH	63.608, 46.471, 277.316
CIE-LUV	63.608, -24.472, -74.398
Hunter-Lab	56.852, 2.04, -47.687
Binary	01100110, 10011011, 11101100

#669bec
```
#669bec rgb(102,155,236)
```
#ecb766
```
#ecb766 rgb(236,183,102)
```

Complementary Color

#66deec
```
#66deec rgb(102,222,236)
```
#669bec
```
#669bec rgb(102,155,236)
```
#7466ec
```
#7466ec rgb(116,102,236)
```

Analogous Color

#deec66
```
#deec66 rgb(222,236,102)
```
#669bec
```
#669bec rgb(102,155,236)
```
#ec7466
```
#ec7466 rgb(236,116,102)
```

Split Complementary Color

#9bec66
```
#9bec66 rgb(155,236,102)
```
#669bec
```
#669bec rgb(102,155,236)
```
#ec669b
```
#ec669b rgb(236,102,155)
```

Triadic Color

#66ecb7
```
#66ecb7 rgb(102,236,183)
```
#669bec
```
#669bec rgb(102,155,236)
```
#ec669b
```
#ec669b rgb(236,102,155)
```
#ecb766
```
#ecb766 rgb(236,183,102)
```

Tetradic Color

#226fe4
```
#226fe4 rgb(34,111,228)
```
#397de6
```
#397de6 rgb(57,125,230)
```
#4f8ce9
```
#4f8ce9 rgb(79,140,233)
```
#669bec
```
#669bec rgb(102,155,236)
```
#7daaef
```
#7daaef rgb(125,170,239)
```
#93b9f2
```
#93b9f2 rgb(147,185,242)
```
#aac7f4
```
#aac7f4 rgb(170,199,244)
```

Monochromatic Color

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

#66bdec
```
#66bdec rgb(102,189,236)
```
#66b1ec
```
#66b1ec rgb(102,177,236)
```
#66a6ec
```
#66a6ec rgb(102,166,236)
```
#669bec
```
#669bec rgb(102,155,236)
```
#6690ec
```
#6690ec rgb(102,144,236)
```
#6685ec
```
#6685ec rgb(102,133,236)
```
#667aec
```
#667aec rgb(102,122,236)
```

Similar Colors

Text with hexadecimal color #669bec

This text has a font color of #669bec.

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

#669bec background color

This paragraph has a background color of #669bec.

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

#669bec border color

This element has a border color of #669bec.

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

CSS codes

.text {color:#669bec;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#051227
```
#051227 rgb(5,18,39)
```
#071b38
```
#071b38 rgb(7,27,56)
```
#09234a
```
#09234a rgb(9,35,74)
```
#0b2b5b
```
#0b2b5b rgb(11,43,91)
```
#0e336d
```
#0e336d rgb(14,51,109)
```
#103b7e
```
#103b7e rgb(16,59,126)
```
#124490
```
#124490 rgb(18,68,144)
```
#144ca1
```
#144ca1 rgb(20,76,161)
```
#1654b3
```
#1654b3 rgb(22,84,179)
```
#185cc4
```
#185cc4 rgb(24,92,196)
```
#1b64d5
```
#1b64d5 rgb(27,100,213)
```

Shade Color Variation

#206de3
```
#206de3 rgb(32,109,227)
```
#3279e5
```
#3279e5 rgb(50,121,229)
```
#4384e8
```
#4384e8 rgb(67,132,232)
```
#5590ea
```
#5590ea rgb(85,144,234)
```
#669bec
```
#669bec rgb(102,155,236)
```
#77a6ee
```
#77a6ee rgb(119,166,238)
```
#89b2f0
```
#89b2f0 rgb(137,178,240)
```
#9abdf3
```
#9abdf3 rgb(154,189,243)
```
#acc9f5
```
#acc9f5 rgb(172,201,245)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#cfdff9
```
#cfdff9 rgb(207,223,249)
```
#e0ebfb
```
#e0ebfb rgb(224,235,251)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

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

#a8a9aa
```
#a8a9aa rgb(168,169,170)
```
#a2a7b0
```
#a2a7b0 rgb(162,167,176)
```
#9ba6b7
```
#9ba6b7 rgb(155,166,183)
```
#94a5be
```
#94a5be rgb(148,165,190)
```
#8ea3c4
```
#8ea3c4 rgb(142,163,196)
```
#87a2cb
```
#87a2cb rgb(135,162,203)
```
#80a1d2
```
#80a1d2 rgb(128,161,210)
```
#7a9fd8
```
#7a9fd8 rgb(122,159,216)
```
#739edf
```
#739edf rgb(115,158,223)
```
#6d9ce5
```
#6d9ce5 rgb(109,156,229)
```
#669bec
```
#669bec rgb(102,155,236)
```
#5f9af3
```
#5f9af3 rgb(95,154,243)
```
#5998f9
```
#5998f9 rgb(89,152,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8b95a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#819cea Protanopia 1% of men
#739fed Deuteranopia 1% of men
#52abb8 Tritanopia 0.001% of the population

Trichromacy

#779cea Protanomaly 1% of men, 0.01% of women
#6e9dec Deuteranomaly 6% of men, 0.4% of women
#59a5ca Tritanomaly 0.01% of the population

#669bec hex color

#669bec Color Information

#669bec Color Conversion

Color Schemes with #669bec

Alternatives to #669bec

#669bec Preview

Shades and Tints of #669bec

Tones of #669bec

Color Blindness Simulator