#668bdd hex color

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

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

● #668bdd color description : Soft blue.

The hexadecimal color #668bdd has RGB values of R:102, G:139, B:221 and CMYK values of C:0.54, M:0.37, Y:0, K:0.13. Its decimal value is 6720477.

Hex triplet	668bdd	`#668bdd`
RGB Decimal	102, 139, 221	`rgb(102,139,221)`
RGB Percent	40, 54.5, 86.7	`rgb(40%,54.5%,86.7%)`
CMYK	54, 37, 0, 13
HSL	221.3°, 63.6, 63.3	`hsl(221.3,63.6%,63.3%)`
HSV (or HSB)	221.3°, 53.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.517, 10.546, -45.81
XYZ	27.76, 26.509, 72.057
xyY	0.22, 0.21, 26.509
CIE-LCH	58.517, 47.009, 282.965
CIE-LUV	58.517, -18.836, -73.381
Hunter-Lab	51.487, 6.14, -46.936
Binary	01100110, 10001011, 11011101

#668bdd
```
#668bdd rgb(102,139,221)
```
#ddb866
```
#ddb866 rgb(221,184,102)
```

Complementary Color

#66c7dd
```
#66c7dd rgb(102,199,221)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#7d66dd
```
#7d66dd rgb(125,102,221)
```

Analogous Color

#c7dd66
```
#c7dd66 rgb(199,221,102)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#dd7d66
```
#dd7d66 rgb(221,125,102)
```

Split Complementary Color

#8bdd66
```
#8bdd66 rgb(139,221,102)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#dd668b
```
#dd668b rgb(221,102,139)
```

Triadic Color

#66ddb8
```
#66ddb8 rgb(102,221,184)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#dd668b
```
#dd668b rgb(221,102,139)
```
#ddb866
```
#ddb866 rgb(221,184,102)
```

Tetradic Color

#2d5eca
```
#2d5eca rgb(45,94,202)
```
#3c6bd4
```
#3c6bd4 rgb(60,107,212)
```
#517bd8
```
#517bd8 rgb(81,123,216)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#7b9be2
```
#7b9be2 rgb(123,155,226)
```
#90abe6
```
#90abe6 rgb(144,171,230)
```
#a5baeb
```
#a5baeb rgb(165,186,235)
```

Monochromatic Color

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

#66a9dd
```
#66a9dd rgb(102,169,221)
```
#669fdd
```
#669fdd rgb(102,159,221)
```
#6695dd
```
#6695dd rgb(102,149,221)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#6681dd
```
#6681dd rgb(102,129,221)
```
#6677dd
```
#6677dd rgb(102,119,221)
```
#666ddd
```
#666ddd rgb(102,109,221)
```

Similar Colors

Text with hexadecimal color #668bdd

This text has a font color of #668bdd.

<span style="color:#668bdd;">Text here</span>

#668bdd background color

This paragraph has a background color of #668bdd.

<p style="background-color:#668bdd;">Content here</p>

#668bdd border color

This element has a border color of #668bdd.

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

CSS codes

.text {color:#668bdd;}

.background {background-color:#668bdd;}

.border {border:1px solid #668bdd;}

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

#020307
```
#020307 rgb(2,3,7)
```
#050b18
```
#050b18 rgb(5,11,24)
```
#091228
```
#091228 rgb(9,18,40)
```
#0c1a38
```
#0c1a38 rgb(12,26,56)
```
#102148
```
#102148 rgb(16,33,72)
```
#132958
```
#132958 rgb(19,41,88)
```
#173068
```
#173068 rgb(23,48,104)
```
#1b3878
```
#1b3878 rgb(27,56,120)
```
#1e3f88
```
#1e3f88 rgb(30,63,136)
```
#224798
```
#224798 rgb(34,71,152)
```
#254ea8
```
#254ea8 rgb(37,78,168)
```
#2955b8
```
#2955b8 rgb(41,85,184)
```
#2c5dc8
```
#2c5dc8 rgb(44,93,200)
```

Shade Color Variation

#3666d2
```
#3666d2 rgb(54,102,210)
```
#4673d6
```
#4673d6 rgb(70,115,214)
```
#567fd9
```
#567fd9 rgb(86,127,217)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#7697e1
```
#7697e1 rgb(118,151,225)
```
#86a3e4
```
#86a3e4 rgb(134,163,228)
```
#96b0e8
```
#96b0e8 rgb(150,176,232)
```
#a6bceb
```
#a6bceb rgb(166,188,235)
```
#b6c8ef
```
#b6c8ef rgb(182,200,239)
```
#c6d4f2
```
#c6d4f2 rgb(198,212,242)
```
#d6e0f6
```
#d6e0f6 rgb(214,224,246)
```
#e6ecfa
```
#e6ecfa rgb(230,236,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 #4980fa is the most saturated one.

#a0a1a3
```
#a0a1a3 rgb(160,161,163)
```
#989eab
```
#989eab rgb(152,158,171)
```
#919bb2
```
#919bb2 rgb(145,155,178)
```
#8a99b9
```
#8a99b9 rgb(138,153,185)
```
#8396c0
```
#8396c0 rgb(131,150,192)
```
#7c93c7
```
#7c93c7 rgb(124,147,199)
```
#7490cf
```
#7490cf rgb(116,144,207)
```
#6d8ed6
```
#6d8ed6 rgb(109,142,214)
```
#668bdd
```
#668bdd rgb(102,139,221)
```
#5f88e4
```
#5f88e4 rgb(95,136,228)
```
#5886eb
```
#5886eb rgb(88,134,235)
```
#5083f3
```
#5083f3 rgb(80,131,243)
```
#4980fa
```
#4980fa rgb(73,128,250)
```

Tone Color Variation

Below, you can see how #668bdd 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

#898989 Achromatopsia 0.005% of the population
#82899a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7290de Protanopia 1% of men
#6592de Deuteranopia 1% of men
#549da8 Tritanopia 0.001% of the population

Trichromacy

#6e8edd Protanomaly 1% of men, 0.01% of women
#658fdd Deuteranomaly 6% of men, 0.4% of women
#5a96bb Tritanomaly 0.01% of the population

#668bdd hex color

#668bdd Color Information

#668bdd Color Conversion

Color Schemes with #668bdd

Alternatives to #668bdd

#668bdd Preview

Shades and Tints of #668bdd

Tones of #668bdd

Color Blindness Simulator