#668ced hex color

In a RGB color space, hex #668ced is composed of 40% red, 54.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 40.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 223.1 degrees, a saturation of 78.9% and a lightness of 66.5%. #668ced color hex could be obtained by blending #ccffff with #0019db. Closest websafe color is: #6699ff.

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

● #668ced color description : Soft blue.

The hexadecimal color #668ced has RGB values of R:102, G:140, B:237 and CMYK values of C:0.57, M:0.41, Y:0, K:0.07. Its decimal value is 6720749.

Hex triplet	668ced	`#668ced`
RGB Decimal	102, 140, 237	`rgb(102,140,237)`
RGB Percent	40, 54.9, 92.9	`rgb(40%,54.9%,92.9%)`
CMYK	57, 41, 0, 7
HSL	223.1°, 78.9, 66.5	`hsl(223.1,78.9%,66.5%)`
HSV (or HSB)	223.1°, 57, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.611, 15.053, -52.973
XYZ	30.14, 27.694, 83.873
xyY	0.213, 0.195, 27.694
CIE-LCH	59.611, 55.071, 285.863
CIE-LUV	59.611, -19.303, -85.884
Hunter-Lab	52.625, 10.14, -57.659
Binary	01100110, 10001100, 11101101

#668ced
```
#668ced rgb(102,140,237)
```
#edc766
```
#edc766 rgb(237,199,102)
```

Complementary Color

#66d0ed
```
#66d0ed rgb(102,208,237)
```
#668ced
```
#668ced rgb(102,140,237)
```
#8466ed
```
#8466ed rgb(132,102,237)
```

Analogous Color

#d0ed66
```
#d0ed66 rgb(208,237,102)
```
#668ced
```
#668ced rgb(102,140,237)
```
#ed8466
```
#ed8466 rgb(237,132,102)
```

Split Complementary Color

#8ced66
```
#8ced66 rgb(140,237,102)
```
#668ced
```
#668ced rgb(102,140,237)
```
#ed668c
```
#ed668c rgb(237,102,140)
```

Triadic Color

#66edc7
```
#66edc7 rgb(102,237,199)
```
#668ced
```
#668ced rgb(102,140,237)
```
#ed668c
```
#ed668c rgb(237,102,140)
```
#edc766
```
#edc766 rgb(237,199,102)
```

Tetradic Color

#2259e5
```
#2259e5 rgb(34,89,229)
```
#386ae8
```
#386ae8 rgb(56,106,232)
```
#4f7bea
```
#4f7bea rgb(79,123,234)
```
#668ced
```
#668ced rgb(102,140,237)
```
#7d9df0
```
#7d9df0 rgb(125,157,240)
```
#94aef2
```
#94aef2 rgb(148,174,242)
```
#aabff5
```
#aabff5 rgb(170,191,245)
```

Monochromatic Color

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

#66aeed
```
#66aeed rgb(102,174,237)
```
#66a3ed
```
#66a3ed rgb(102,163,237)
```
#6697ed
```
#6697ed rgb(102,151,237)
```
#668ced
```
#668ced rgb(102,140,237)
```
#6681ed
```
#6681ed rgb(102,129,237)
```
#6676ed
```
#6676ed rgb(102,118,237)
```
#666aed
```
#666aed rgb(102,106,237)
```

Similar Colors

Text with hexadecimal color #668ced

This text has a font color of #668ced.

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

#668ced background color

This paragraph has a background color of #668ced.

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

#668ced border color

This element has a border color of #668ced.

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

CSS codes

.text {color:#668ced;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030817
```
#030817 rgb(3,8,23)
```
#050f28
```
#050f28 rgb(5,15,40)
```
#07153a
```
#07153a rgb(7,21,58)
```
#091c4b
```
#091c4b rgb(9,28,75)
```
#0b225d
```
#0b225d rgb(11,34,93)
```
#0d286e
```
#0d286e rgb(13,40,110)
```
#0f2f80
```
#0f2f80 rgb(15,47,128)
```
#113591
```
#113591 rgb(17,53,145)
```
#133ca3
```
#133ca3 rgb(19,60,163)
```
#1542b4
```
#1542b4 rgb(21,66,180)
```
#1748c6
```
#1748c6 rgb(23,72,198)
```
#194fd8
```
#194fd8 rgb(25,79,216)
```

Shade Color Variation

#2057e5
```
#2057e5 rgb(32,87,229)
```
#3164e7
```
#3164e7 rgb(49,100,231)
```
#4372e9
```
#4372e9 rgb(67,114,233)
```
#547feb
```
#547feb rgb(84,127,235)
```
#668ced
```
#668ced rgb(102,140,237)
```
#7899ef
```
#7899ef rgb(120,153,239)
```
#89a6f1
```
#89a6f1 rgb(137,166,241)
```
#9bb4f3
```
#9bb4f3 rgb(155,180,243)
```
#acc1f5
```
#acc1f5 rgb(172,193,245)
```
#becef7
```
#becef7 rgb(190,206,247)
```
#cfdbf9
```
#cfdbf9 rgb(207,219,249)
```
#e1e8fb
```
#e1e8fb rgb(225,232,251)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#a8a9ab
```
#a8a9ab rgb(168,169,171)
```
#a1a6b2
```
#a1a6b2 rgb(161,166,178)
```
#9ba3b8
```
#9ba3b8 rgb(155,163,184)
```
#94a0bf
```
#94a0bf rgb(148,160,191)
```
#8d9dc6
```
#8d9dc6 rgb(141,157,198)
```
#879acc
```
#879acc rgb(135,154,204)
```
#8097d3
```
#8097d3 rgb(128,151,211)
```
#7a95d9
```
#7a95d9 rgb(122,149,217)
```
#7392e0
```
#7392e0 rgb(115,146,224)
```
#6d8fe6
```
#6d8fe6 rgb(109,143,230)
```
#668ced
```
#668ced rgb(102,140,237)
```
#5f89f4
```
#5f89f4 rgb(95,137,244)
```
#5986fa
```
#5986fa rgb(89,134,250)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#848c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b92ee Protanopia 1% of men
#5696ec Deuteranopia 1% of men
#4ba1ac Tritanopia 0.001% of the population

Trichromacy

#6990ed Protanomaly 1% of men, 0.01% of women
#5b92ec Deuteranomaly 6% of men, 0.4% of women
#5499c4 Tritanomaly 0.01% of the population

#668ced hex color

#668ced Color Information

#668ced Color Conversion

Color Schemes with #668ced

Alternatives to #668ced

#668ced Preview

Shades and Tints of #668ced

Tones of #668ced

Color Blindness Simulator