#668dda hex color

In a RGB color space, hex #668dda is composed of 40% red, 55.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 35.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 219.8 degrees, a saturation of 61.1% and a lightness of 62.7%. #668dda color hex could be obtained by blending #ccffff with #001bb5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 55
- B 85
RGB color chart
- C 53
- M 35
- Y 0
- K 15
CMYK color chart

● #668dda color description : Soft blue.

The hexadecimal color #668dda has RGB values of R:102, G:141, B:218 and CMYK values of C:0.53, M:0.35, Y:0, K:0.15. Its decimal value is 6720986.

Hex triplet	668dda	`#668dda`
RGB Decimal	102, 141, 218	`rgb(102,141,218)`
RGB Percent	40, 55.3, 85.5	`rgb(40%,55.3%,85.5%)`
CMYK	53, 35, 0, 15
HSL	219.8°, 61.1, 62.7	`hsl(219.8,61.1%,62.7%)`
HSV (or HSB)	219.8°, 53.2, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.914, 8.42, -43.507
XYZ	27.656, 26.935, 70.067
xyY	0.222, 0.216, 26.935
CIE-LCH	58.914, 44.314, 280.954
CIE-LUV	58.914, -19.526, -69.446
Hunter-Lab	51.899, 4.298, -43.716
Binary	01100110, 10001101, 11011010

#668dda
```
#668dda rgb(102,141,218)
```
#dab366
```
#dab366 rgb(218,179,102)
```

Complementary Color

#66c7da
```
#66c7da rgb(102,199,218)
```
#668dda
```
#668dda rgb(102,141,218)
```
#7966da
```
#7966da rgb(121,102,218)
```

Analogous Color

#c7da66
```
#c7da66 rgb(199,218,102)
```
#668dda
```
#668dda rgb(102,141,218)
```
#da7966
```
#da7966 rgb(218,121,102)
```

Split Complementary Color

#8dda66
```
#8dda66 rgb(141,218,102)
```
#668dda
```
#668dda rgb(102,141,218)
```
#da668d
```
#da668d rgb(218,102,141)
```

Triadic Color

#66dab3
```
#66dab3 rgb(102,218,179)
```
#668dda
```
#668dda rgb(102,141,218)
```
#da668d
```
#da668d rgb(218,102,141)
```
#dab366
```
#dab366 rgb(218,179,102)
```

Tetradic Color

#2f61c4
```
#2f61c4 rgb(47,97,196)
```
#3d6ed0
```
#3d6ed0 rgb(61,110,208)
```
#517ed5
```
#517ed5 rgb(81,126,213)
```
#668dda
```
#668dda rgb(102,141,218)
```
#7b9cdf
```
#7b9cdf rgb(123,156,223)
```
#8face4
```
#8face4 rgb(143,172,228)
```
#a4bbe9
```
#a4bbe9 rgb(164,187,233)
```

Monochromatic Color

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

#66aada
```
#66aada rgb(102,170,218)
```
#66a0da
```
#66a0da rgb(102,160,218)
```
#6697da
```
#6697da rgb(102,151,218)
```
#668dda
```
#668dda rgb(102,141,218)
```
#6683da
```
#6683da rgb(102,131,218)
```
#667ada
```
#667ada rgb(102,122,218)
```
#6670da
```
#6670da rgb(102,112,218)
```

Similar Colors

Text with hexadecimal color #668dda

This text has a font color of #668dda.

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

#668dda background color

This paragraph has a background color of #668dda.

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

#668dda border color

This element has a border color of #668dda.

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

CSS codes

.text {color:#668dda;}

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

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

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 #f4f7fc is the lightest one.

#010205
```
#010205 rgb(1,2,5)
```
#050a15
```
#050a15 rgb(5,10,21)
```
#091225
```
#091225 rgb(9,18,37)
```
#0d1a34
```
#0d1a34 rgb(13,26,52)
```
#102244
```
#102244 rgb(16,34,68)
```
#142a54
```
#142a54 rgb(20,42,84)
```
#183264
```
#183264 rgb(24,50,100)
```
#1c3974
```
#1c3974 rgb(28,57,116)
```
#204183
```
#204183 rgb(32,65,131)
```
#244993
```
#244993 rgb(36,73,147)
```
#2751a3
```
#2751a3 rgb(39,81,163)
```
#2b59b3
```
#2b59b3 rgb(43,89,179)
```
#2f61c3
```
#2f61c3 rgb(47,97,195)
```

Shade Color Variation

#376acf
```
#376acf rgb(55,106,207)
```
#4675d2
```
#4675d2 rgb(70,117,210)
```
#5681d6
```
#5681d6 rgb(86,129,214)
```
#668dda
```
#668dda rgb(102,141,218)
```
#7699de
```
#7699de rgb(118,153,222)
```
#86a5e2
```
#86a5e2 rgb(134,165,226)
```
#95b0e5
```
#95b0e5 rgb(149,176,229)
```
#a5bce9
```
#a5bce9 rgb(165,188,233)
```
#b5c8ed
```
#b5c8ed rgb(181,200,237)
```
#c5d4f1
```
#c5d4f1 rgb(197,212,241)
```
#d5dff5
```
#d5dff5 rgb(213,223,245)
```
#e4ebf9
```
#e4ebf9 rgb(228,235,249)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ea7 is the less saturated color, while #4181ff is the most saturated one.

#999ea7
```
#999ea7 rgb(153,158,167)
```
#929bae
```
#929bae rgb(146,155,174)
```
#8b99b5
```
#8b99b5 rgb(139,153,181)
```
#8397bd
```
#8397bd rgb(131,151,189)
```
#7c94c4
```
#7c94c4 rgb(124,148,196)
```
#7592cb
```
#7592cb rgb(117,146,203)
```
#6d8fd3
```
#6d8fd3 rgb(109,143,211)
```
#668dda
```
#668dda rgb(102,141,218)
```
#5f8be1
```
#5f8be1 rgb(95,139,225)
```
#5788e9
```
#5788e9 rgb(87,136,233)
```
#5086f0
```
#5086f0 rgb(80,134,240)
```
#4983f7
```
#4983f7 rgb(73,131,247)
```
#4181ff
```
#4181ff rgb(65,129,255)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#838b9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7791da Protanopia 1% of men
#6b93db Deuteranopia 1% of men
#569da9 Tritanopia 0.001% of the population

Trichromacy

#708fda Protanomaly 1% of men, 0.01% of women
#6991db Deuteranomaly 6% of men, 0.4% of women
#5c97bb Tritanomaly 0.01% of the population

#668dda hex color

#668dda Color Information

#668dda Color Conversion

Color Schemes with #668dda

Alternatives to #668dda

#668dda Preview

Shades and Tints of #668dda

Tones of #668dda

Color Blindness Simulator