#666bdd hex color

In a RGB color space, hex #666bdd is composed of 40% red, 42% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 51.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 237.5 degrees, a saturation of 63.6% and a lightness of 63.3%. #666bdd color hex could be obtained by blending #ccd6ff with #0000bb. Closest websafe color is: #6666cc.

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

● #666bdd color description : Soft blue.

The hexadecimal color #666bdd has RGB values of R:102, G:107, B:221 and CMYK values of C:0.54, M:0.52, Y:0, K:0.13. Its decimal value is 6712285.

Hex triplet	666bdd	`#666bdd`
RGB Decimal	102, 107, 221	`rgb(102,107,221)`
RGB Percent	40, 42, 86.7	`rgb(40%,42%,86.7%)`
CMYK	54, 52, 0, 13
HSL	237.5°, 63.6, 63.3	`hsl(237.5,63.6%,63.3%)`
HSV (or HSB)	237.5°, 53.8, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.168, 29.879, -59.13
XYZ	23.786, 18.56, 70.732
xyY	0.21, 0.164, 18.56
CIE-LCH	50.168, 66.251, 296.808
CIE-LUV	50.168, -8.395, -93.653
Hunter-Lab	43.081, 23.161, -67.187
Binary	01100110, 01101011, 11011101

#666bdd
```
#666bdd rgb(102,107,221)
```
#ddd866
```
#ddd866 rgb(221,216,102)
```

Complementary Color

#66a7dd
```
#66a7dd rgb(102,167,221)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#9d66dd
```
#9d66dd rgb(157,102,221)
```

Analogous Color

#a7dd66
```
#a7dd66 rgb(167,221,102)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#dd9d66
```
#dd9d66 rgb(221,157,102)
```

Split Complementary Color

#6bdd66
```
#6bdd66 rgb(107,221,102)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#dd666b
```
#dd666b rgb(221,102,107)
```

Triadic Color

#66ddd8
```
#66ddd8 rgb(102,221,216)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#dd666b
```
#dd666b rgb(221,102,107)
```
#ddd866
```
#ddd866 rgb(221,216,102)
```

Tetradic Color

#2d33ca
```
#2d33ca rgb(45,51,202)
```
#3c43d4
```
#3c43d4 rgb(60,67,212)
```
#5157d8
```
#5157d8 rgb(81,87,216)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#7b7fe2
```
#7b7fe2 rgb(123,127,226)
```
#9093e6
```
#9093e6 rgb(144,147,230)
```
#a5a8eb
```
#a5a8eb rgb(165,168,235)
```

Monochromatic Color

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

#6689dd
```
#6689dd rgb(102,137,221)
```
#667fdd
```
#667fdd rgb(102,127,221)
```
#6675dd
```
#6675dd rgb(102,117,221)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#6b66dd
```
#6b66dd rgb(107,102,221)
```
#7566dd
```
#7566dd rgb(117,102,221)
```
#7f66dd
```
#7f66dd rgb(127,102,221)
```

Similar Colors

Text with hexadecimal color #666bdd

This text has a font color of #666bdd.

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

#666bdd background color

This paragraph has a background color of #666bdd.

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

#666bdd border color

This element has a border color of #666bdd.

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

CSS codes

.text {color:#666bdd;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#050618
```
#050618 rgb(5,6,24)
```
#090a28
```
#090a28 rgb(9,10,40)
```
#0c0e38
```
#0c0e38 rgb(12,14,56)
```
#101248
```
#101248 rgb(16,18,72)
```
#131658
```
#131658 rgb(19,22,88)
```
#171a68
```
#171a68 rgb(23,26,104)
```
#1b1f78
```
#1b1f78 rgb(27,31,120)
```
#1e2388
```
#1e2388 rgb(30,35,136)
```
#222798
```
#222798 rgb(34,39,152)
```
#252ba8
```
#252ba8 rgb(37,43,168)
```
#292fb8
```
#292fb8 rgb(41,47,184)
```
#2c33c8
```
#2c33c8 rgb(44,51,200)
```

Shade Color Variation

#363cd2
```
#363cd2 rgb(54,60,210)
```
#464cd6
```
#464cd6 rgb(70,76,214)
```
#565bd9
```
#565bd9 rgb(86,91,217)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#767be1
```
#767be1 rgb(118,123,225)
```
#868ae4
```
#868ae4 rgb(134,138,228)
```
#969ae8
```
#969ae8 rgb(150,154,232)
```
#a6a9eb
```
#a6a9eb rgb(166,169,235)
```
#b6b9ef
```
#b6b9ef rgb(182,185,239)
```
#c6c8f2
```
#c6c8f2 rgb(198,200,242)
```
#d6d8f6
```
#d6d8f6 rgb(214,216,246)
```
#e6e7fa
```
#e6e7fa rgb(230,231,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#a0a0a3
```
#a0a0a3 rgb(160,160,163)
```
#9899ab
```
#9899ab rgb(152,153,171)
```
#9193b2
```
#9193b2 rgb(145,147,178)
```
#8a8cb9
```
#8a8cb9 rgb(138,140,185)
```
#8385c0
```
#8385c0 rgb(131,133,192)
```
#7c7fc7
```
#7c7fc7 rgb(124,127,199)
```
#7478cf
```
#7478cf rgb(116,120,207)
```
#6d72d6
```
#6d72d6 rgb(109,114,214)
```
#666bdd
```
#666bdd rgb(102,107,221)
```
#5f64e4
```
#5f64e4 rgb(95,100,228)
```
#585eeb
```
#585eeb rgb(88,94,235)
```
#5057f3
```
#5057f3 rgb(80,87,243)
```
#4951fa
```
#4951fa rgb(73,81,250)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#74758b Atypical Achromatopsia 0.001% of the population

Dichromacy

#367ae6 Protanopia 1% of men
#0080d5 Deuteranopia 1% of men
#498791 Tritanopia 0.001% of the population

Trichromacy

#4775e2 Protanomaly 1% of men, 0.01% of women
#2578d8 Deuteranomaly 6% of men, 0.4% of women
#547cac Tritanomaly 0.01% of the population

#666bdd hex color

#666bdd Color Information

#666bdd Color Conversion

Color Schemes with #666bdd

Alternatives to #666bdd

#666bdd Preview

Shades and Tints of #666bdd

Tones of #666bdd

Color Blindness Simulator