#668bd5 hex color

In a RGB color space, hex #668bd5 is composed of 40% red, 54.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 34.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 220 degrees, a saturation of 56.9% and a lightness of 61.8%. #668bd5 color hex could be obtained by blending #ccffff with #0017ab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 55
- B 84
RGB color chart
- C 52
- M 35
- Y 0
- K 16
CMYK color chart

● #668bd5 color description : Moderate blue.

The hexadecimal color #668bd5 has RGB values of R:102, G:139, B:213 and CMYK values of C:0.52, M:0.35, Y:0, K:0.16. Its decimal value is 6720469.

Hex triplet	668bd5	`#668bd5`
RGB Decimal	102, 139, 213	`rgb(102,139,213)`
RGB Percent	40, 54.5, 83.5	`rgb(40%,54.5%,83.5%)`
CMYK	52, 35, 0, 16
HSL	220°, 56.9, 61.8	`hsl(220,56.9%,61.8%)`
HSV (or HSB)	220°, 52.1, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.125, 8.038, -41.95
XYZ	26.72, 26.093, 66.576
xyY	0.224, 0.219, 26.093
CIE-LCH	58.125, 42.713, 280.847
CIE-LUV	58.125, -18.778, -66.68
Hunter-Lab	51.081, 3.979, -41.518
Binary	01100110, 10001011, 11010101

#668bd5
```
#668bd5 rgb(102,139,213)
```
#d5b066
```
#d5b066 rgb(213,176,102)
```

Complementary Color

#66c3d5
```
#66c3d5 rgb(102,195,213)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#7966d5
```
#7966d5 rgb(121,102,213)
```

Analogous Color

#c3d566
```
#c3d566 rgb(195,213,102)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#d57966
```
#d57966 rgb(213,121,102)
```

Split Complementary Color

#8bd566
```
#8bd566 rgb(139,213,102)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#d5668b
```
#d5668b rgb(213,102,139)
```

Triadic Color

#66d5b0
```
#66d5b0 rgb(102,213,176)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#d5668b
```
#d5668b rgb(213,102,139)
```
#d5b066
```
#d5b066 rgb(213,176,102)
```

Tetradic Color

#3361bb
```
#3361bb rgb(51,97,187)
```
#3e6dca
```
#3e6dca rgb(62,109,202)
```
#527cd0
```
#527cd0 rgb(82,124,208)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#7a9ada
```
#7a9ada rgb(122,154,218)
```
#8ea9e0
```
#8ea9e0 rgb(142,169,224)
```
#a2b9e5
```
#a2b9e5 rgb(162,185,229)
```

Monochromatic Color

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

#66a7d5
```
#66a7d5 rgb(102,167,213)
```
#669ed5
```
#669ed5 rgb(102,158,213)
```
#6694d5
```
#6694d5 rgb(102,148,213)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#6682d5
```
#6682d5 rgb(102,130,213)
```
#6679d5
```
#6679d5 rgb(102,121,213)
```
#666fd5
```
#666fd5 rgb(102,111,213)
```

Similar Colors

Text with hexadecimal color #668bd5

This text has a font color of #668bd5.

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

#668bd5 background color

This paragraph has a background color of #668bd5.

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

#668bd5 border color

This element has a border color of #668bd5.

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

CSS codes

.text {color:#668bd5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040810
```
#040810 rgb(4,8,16)
```
#091020
```
#091020 rgb(9,16,32)
```
#0d182f
```
#0d182f rgb(13,24,47)
```
#11203e
```
#11203e rgb(17,32,62)
```
#15284e
```
#15284e rgb(21,40,78)
```
#1a305d
```
#1a305d rgb(26,48,93)
```
#1e386d
```
#1e386d rgb(30,56,109)
```
#22407c
```
#22407c rgb(34,64,124)
```
#26488b
```
#26488b rgb(38,72,139)
```
#2a509b
```
#2a509b rgb(42,80,155)
```
#2f58aa
```
#2f58aa rgb(47,88,170)
```
#3360ba
```
#3360ba rgb(51,96,186)
```

Shade Color Variation

#3868c8
```
#3868c8 rgb(56,104,200)
```
#4774cd
```
#4774cd rgb(71,116,205)
```
#577fd1
```
#577fd1 rgb(87,127,209)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#7597d9
```
#7597d9 rgb(117,151,217)
```
#85a2dd
```
#85a2dd rgb(133,162,221)
```
#94aee2
```
#94aee2 rgb(148,174,226)
```
#a4bae6
```
#a4bae6 rgb(164,186,230)
```
#b3c5ea
```
#b3c5ea rgb(179,197,234)
```
#c2d1ee
```
#c2d1ee rgb(194,209,238)
```
#d2ddf3
```
#d2ddf3 rgb(210,221,243)
```
#e1e8f7
```
#e1e8f7 rgb(225,232,247)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9da1 is the less saturated color, while #417ffb is the most saturated one.

#9b9da1
```
#9b9da1 rgb(155,157,161)
```
#939aa8
```
#939aa8 rgb(147,154,168)
```
#8c98b0
```
#8c98b0 rgb(140,152,176)
```
#8495b7
```
#8495b7 rgb(132,149,183)
```
#7d93bf
```
#7d93bf rgb(125,147,191)
```
#7590c6
```
#7590c6 rgb(117,144,198)
```
#6e8ece
```
#6e8ece rgb(110,142,206)
```
#668bd5
```
#668bd5 rgb(102,139,213)
```
#5f89dd
```
#5f89dd rgb(95,137,221)
```
#5786e4
```
#5786e4 rgb(87,134,228)
```
#5084ec
```
#5084ec rgb(80,132,236)
```
#4881f3
```
#4881f3 rgb(72,129,243)
```
#417ffb
```
#417ffb rgb(65,127,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#818997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768fd5 Protanopia 1% of men
#6c91d7 Deuteranopia 1% of men
#589ba6 Tritanopia 0.001% of the population

Trichromacy

#708dd5 Protanomaly 1% of men, 0.01% of women
#698fd6 Deuteranomaly 6% of men, 0.4% of women
#5d95b7 Tritanomaly 0.01% of the population

#668bd5 hex color

#668bd5 Color Information

#668bd5 Color Conversion

Color Schemes with #668bd5

Alternatives to #668bd5

#668bd5 Preview

Shades and Tints of #668bd5

Tones of #668bd5

Color Blindness Simulator