#668fda hex color

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

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

● #668fda color description : Soft blue.

The hexadecimal color #668fda has RGB values of R:102, G:143, B:218 and CMYK values of C:0.53, M:0.34, Y:0, K:0.15. Its decimal value is 6721498.

Hex triplet	668fda	`#668fda`
RGB Decimal	102, 143, 218	`rgb(102,143,218)`
RGB Percent	40, 56.1, 85.5	`rgb(40%,56.1%,85.5%)`
CMYK	53, 34, 0, 15
HSL	218.8°, 61.1, 62.7	`hsl(218.8,61.1%,62.7%)`
HSV (or HSB)	218.8°, 53.2, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.462, 7.244, -42.644
XYZ	27.954, 27.53, 70.167
xyY	0.222, 0.219, 27.53
CIE-LCH	59.462, 43.255, 279.64
CIE-LUV	59.462, -20.242, -68.003
Hunter-Lab	52.469, 3.278, -42.559
Binary	01100110, 10001111, 11011010

#668fda
```
#668fda rgb(102,143,218)
```
#dab166
```
#dab166 rgb(218,177,102)
```

Complementary Color

#66c9da
```
#66c9da rgb(102,201,218)
```
#668fda
```
#668fda rgb(102,143,218)
```
#7766da
```
#7766da rgb(119,102,218)
```

Analogous Color

#c9da66
```
#c9da66 rgb(201,218,102)
```
#668fda
```
#668fda rgb(102,143,218)
```
#da7766
```
#da7766 rgb(218,119,102)
```

Split Complementary Color

#8fda66
```
#8fda66 rgb(143,218,102)
```
#668fda
```
#668fda rgb(102,143,218)
```
#da668f
```
#da668f rgb(218,102,143)
```

Triadic Color

#66dab1
```
#66dab1 rgb(102,218,177)
```
#668fda
```
#668fda rgb(102,143,218)
```
#da668f
```
#da668f rgb(218,102,143)
```
#dab166
```
#dab166 rgb(218,177,102)
```

Tetradic Color

#2f64c4
```
#2f64c4 rgb(47,100,196)
```
#3d71d0
```
#3d71d0 rgb(61,113,208)
```
#5180d5
```
#5180d5 rgb(81,128,213)
```
#668fda
```
#668fda rgb(102,143,218)
```
#7b9edf
```
#7b9edf rgb(123,158,223)
```
#8fade4
```
#8fade4 rgb(143,173,228)
```
#a4bce9
```
#a4bce9 rgb(164,188,233)
```

Monochromatic Color

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

#66acda
```
#66acda rgb(102,172,218)
```
#66a2da
```
#66a2da rgb(102,162,218)
```
#6699da
```
#6699da rgb(102,153,218)
```
#668fda
```
#668fda rgb(102,143,218)
```
#6685da
```
#6685da rgb(102,133,218)
```
#667cda
```
#667cda rgb(102,124,218)
```
#6672da
```
#6672da rgb(102,114,218)
```

Similar Colors

Text with hexadecimal color #668fda

This text has a font color of #668fda.

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

#668fda background color

This paragraph has a background color of #668fda.

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

#668fda border color

This element has a border color of #668fda.

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

CSS codes

.text {color:#668fda;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050b15
```
#050b15 rgb(5,11,21)
```
#091325
```
#091325 rgb(9,19,37)
```
#0d1b34
```
#0d1b34 rgb(13,27,52)
```
#102344
```
#102344 rgb(16,35,68)
```
#142b54
```
#142b54 rgb(20,43,84)
```
#183364
```
#183364 rgb(24,51,100)
```
#1c3b74
```
#1c3b74 rgb(28,59,116)
```
#204383
```
#204383 rgb(32,67,131)
```
#244b93
```
#244b93 rgb(36,75,147)
```
#2753a3
```
#2753a3 rgb(39,83,163)
```
#2b5bb3
```
#2b5bb3 rgb(43,91,179)
```
#2f63c3
```
#2f63c3 rgb(47,99,195)
```

Shade Color Variation

#376ccf
```
#376ccf rgb(55,108,207)
```
#4678d2
```
#4678d2 rgb(70,120,210)
```
#5683d6
```
#5683d6 rgb(86,131,214)
```
#668fda
```
#668fda rgb(102,143,218)
```
#769bde
```
#769bde rgb(118,155,222)
```
#86a6e2
```
#86a6e2 rgb(134,166,226)
```
#95b2e5
```
#95b2e5 rgb(149,178,229)
```
#a5bde9
```
#a5bde9 rgb(165,189,233)
```
#b5c9ed
```
#b5c9ed rgb(181,201,237)
```
#c5d4f1
```
#c5d4f1 rgb(197,212,241)
```
#d5e0f5
```
#d5e0f5 rgb(213,224,245)
```
#e4ecf9
```
#e4ecf9 rgb(228,236,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 #4184ff is the most saturated one.

#999ea7
```
#999ea7 rgb(153,158,167)
```
#929cae
```
#929cae rgb(146,156,174)
```
#8b9ab5
```
#8b9ab5 rgb(139,154,181)
```
#8398bd
```
#8398bd rgb(131,152,189)
```
#7c95c4
```
#7c95c4 rgb(124,149,196)
```
#7593cb
```
#7593cb rgb(117,147,203)
```
#6d91d3
```
#6d91d3 rgb(109,145,211)
```
#668fda
```
#668fda rgb(102,143,218)
```
#5f8de1
```
#5f8de1 rgb(95,141,225)
```
#578be9
```
#578be9 rgb(87,139,233)
```
#5089f0
```
#5089f0 rgb(80,137,240)
```
#4986f7
```
#4986f7 rgb(73,134,247)
```
#4184ff
```
#4184ff rgb(65,132,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#848c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7992da Protanopia 1% of men
#6e94db Deuteranopia 1% of men
#579faa Tritanopia 0.001% of the population

Trichromacy

#7291da Protanomaly 1% of men, 0.01% of women
#6b92db Deuteranomaly 6% of men, 0.4% of women
#5c99bc Tritanomaly 0.01% of the population

#668fda hex color

#668fda Color Information

#668fda Color Conversion

Color Schemes with #668fda

Alternatives to #668fda

#668fda Preview

Shades and Tints of #668fda

Tones of #668fda

Color Blindness Simulator