#668dcd hex color

In a RGB color space, hex #668dcd is composed of 40% red, 55.3% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 31.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 217.3 degrees, a saturation of 50.7% and a lightness of 60.2%. #668dcd color hex could be obtained by blending #ccffff with #001b9b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 55
- B 80
RGB color chart
- C 50
- M 31
- Y 0
- K 20
CMYK color chart

● #668dcd color description : Moderate blue.

The hexadecimal color #668dcd has RGB values of R:102, G:141, B:205 and CMYK values of C:0.5, M:0.31, Y:0, K:0.2. Its decimal value is 6720973.

Hex triplet	668dcd	`#668dcd`
RGB Decimal	102, 141, 205	`rgb(102,141,205)`
RGB Percent	40, 55.3, 80.4	`rgb(40%,55.3%,80.4%)`
CMYK	50, 31, 0, 20
HSL	217.3°, 50.7, 60.2	`hsl(217.3,50.7%,60.2%)`
HSV (or HSB)	217.3°, 50.2, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.303, 4.393, -37.176
XYZ	26.021, 26.281, 61.456
xyY	0.229, 0.231, 26.281
CIE-LCH	58.303, 37.434, 276.739
CIE-LUV	58.303, -19.468, -58.454
Hunter-Lab	51.265, 0.89, -35.19
Binary	01100110, 10001101, 11001101

#668dcd
```
#668dcd rgb(102,141,205)
```
#cda666
```
#cda666 rgb(205,166,102)
```

Complementary Color

#66c1cd
```
#66c1cd rgb(102,193,205)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#7366cd
```
#7366cd rgb(115,102,205)
```

Analogous Color

#c1cd66
```
#c1cd66 rgb(193,205,102)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#cd7366
```
#cd7366 rgb(205,115,102)
```

Split Complementary Color

#8dcd66
```
#8dcd66 rgb(141,205,102)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#cd668d
```
#cd668d rgb(205,102,141)
```

Triadic Color

#66cda6
```
#66cda6 rgb(102,205,166)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#cd668d
```
#cd668d rgb(205,102,141)
```
#cda666
```
#cda666 rgb(205,166,102)
```

Tetradic Color

#3965ae
```
#3965ae rgb(57,101,174)
```
#4070c0
```
#4070c0 rgb(64,112,192)
```
#537fc7
```
#537fc7 rgb(83,127,199)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#799bd3
```
#799bd3 rgb(121,155,211)
```
#8caada
```
#8caada rgb(140,170,218)
```
#a0b8e0
```
#a0b8e0 rgb(160,184,224)
```

Monochromatic Color

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

#66a7cd
```
#66a7cd rgb(102,167,205)
```
#669ecd
```
#669ecd rgb(102,158,205)
```
#6696cd
```
#6696cd rgb(102,150,205)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#6684cd
```
#6684cd rgb(102,132,205)
```
#667ccd
```
#667ccd rgb(102,124,205)
```
#6673cd
```
#6673cd rgb(102,115,205)
```

Similar Colors

Text with hexadecimal color #668dcd

This text has a font color of #668dcd.

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

#668dcd background color

This paragraph has a background color of #668dcd.

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

#668dcd border color

This element has a border color of #668dcd.

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

CSS codes

.text {color:#668dcd;}

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

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

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, #03060a is the darkest color, while #fafbfd is the lightest one.

#03060a
```
#03060a rgb(3,6,10)
```
#080e18
```
#080e18 rgb(8,14,24)
```
#0d1727
```
#0d1727 rgb(13,23,39)
```
#121f36
```
#121f36 rgb(18,31,54)
```
#162845
```
#162845 rgb(22,40,69)
```
#1b3154
```
#1b3154 rgb(27,49,84)
```
#203962
```
#203962 rgb(32,57,98)
```
#254271
```
#254271 rgb(37,66,113)
```
#2a4a80
```
#2a4a80 rgb(42,74,128)
```
#2f538f
```
#2f538f rgb(47,83,143)
```
#335c9d
```
#335c9d rgb(51,92,157)
```
#3864ac
```
#3864ac rgb(56,100,172)
```
#3d6dbb
```
#3d6dbb rgb(61,109,187)
```

Shade Color Variation

#4877c3
```
#4877c3 rgb(72,119,195)
```
#5782c8
```
#5782c8 rgb(87,130,200)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#7598d2
```
#7598d2 rgb(117,152,210)
```
#84a3d7
```
#84a3d7 rgb(132,163,215)
```
#92aedb
```
#92aedb rgb(146,174,219)
```
#a1b9e0
```
#a1b9e0 rgb(161,185,224)
```
#b0c4e5
```
#b0c4e5 rgb(176,196,229)
```
#bfcfea
```
#bfcfea rgb(191,207,234)
```
#cddaef
```
#cddaef rgb(205,218,239)
```
#dce5f4
```
#dce5f4 rgb(220,229,244)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95989e is the less saturated color, while #3782fc is the most saturated one.

#95989e
```
#95989e rgb(149,152,158)
```
#8d96a6
```
#8d96a6 rgb(141,150,166)
```
#8595ae
```
#8595ae rgb(133,149,174)
```
#7d93b6
```
#7d93b6 rgb(125,147,182)
```
#7691bd
```
#7691bd rgb(118,145,189)
```
#6e8fc5
```
#6e8fc5 rgb(110,143,197)
```
#668dcd
```
#668dcd rgb(102,141,205)
```
#5e8bd5
```
#5e8bd5 rgb(94,139,213)
```
#5689dd
```
#5689dd rgb(86,137,221)
```
#4f87e4
```
#4f87e4 rgb(79,135,228)
```
#4785ec
```
#4785ec rgb(71,133,236)
```
#3f84f4
```
#3f84f4 rgb(63,132,244)
```
#3782fc
```
#3782fc rgb(55,130,252)
```

Tone Color Variation

Below, you can see how #668dcd 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
#828a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c90cd Protanopia 1% of men
#7591d0 Deuteranopia 1% of men
#5d9ba6 Tritanopia 0.001% of the population

Trichromacy

#748ecd Protanomaly 1% of men, 0.01% of women
#6f8fcf Deuteranomaly 6% of men, 0.4% of women
#6096b4 Tritanomaly 0.01% of the population

#668dcd hex color

#668dcd Color Information

#668dcd Color Conversion

Color Schemes with #668dcd

Alternatives to #668dcd

#668dcd Preview

Shades and Tints of #668dcd

Tones of #668dcd

Color Blindness Simulator