#668cf8 hex color

In a RGB color space, hex #668cf8 is composed of 40% red, 54.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 43.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 224.4 degrees, a saturation of 91.3% and a lightness of 68.6%. #668cf8 color hex could be obtained by blending #ccffff with #0019f1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 55
- B 97
RGB color chart
- C 59
- M 44
- Y 0
- K 3
CMYK color chart

● #668cf8 color description : Soft blue.

The hexadecimal color #668cf8 has RGB values of R:102, G:140, B:248 and CMYK values of C:0.59, M:0.44, Y:0, K:0.03. Its decimal value is 6720760.

Hex triplet	668cf8	`#668cf8`
RGB Decimal	102, 140, 248	`rgb(102,140,248)`
RGB Percent	40, 54.9, 97.3	`rgb(40%,54.9%,97.3%)`
CMYK	59, 44, 0, 3
HSL	224.4°, 91.3, 68.6	`hsl(224.4,91.3%,68.6%)`
HSV (or HSB)	224.4°, 58.9, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.21, 18.61, -58.091
XYZ	31.797, 28.357, 92.6
xyY	0.208, 0.186, 28.357
CIE-LCH	60.21, 61, 287.763
CIE-LUV	60.21, -19.396, -94.778
Hunter-Lab	53.251, 13.397, -65.826
Binary	01100110, 10001100, 11111000

#668cf8
```
#668cf8 rgb(102,140,248)
```
#f8d266
```
#f8d266 rgb(248,210,102)
```

Complementary Color

#66d5f8
```
#66d5f8 rgb(102,213,248)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#8966f8
```
#8966f8 rgb(137,102,248)
```

Analogous Color

#d5f866
```
#d5f866 rgb(213,248,102)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#f88966
```
#f88966 rgb(248,137,102)
```

Split Complementary Color

#8cf866
```
#8cf866 rgb(140,248,102)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#f8668c
```
#f8668c rgb(248,102,140)
```

Triadic Color

#66f8d2
```
#66f8d2 rgb(102,248,210)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#f8668c
```
#f8668c rgb(248,102,140)
```
#f8d266
```
#f8d266 rgb(248,210,102)
```

Tetradic Color

#1d55f5
```
#1d55f5 rgb(29,85,245)
```
#3567f6
```
#3567f6 rgb(53,103,246)
```
#4e7af7
```
#4e7af7 rgb(78,122,247)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#7e9ef9
```
#7e9ef9 rgb(126,158,249)
```
#97b1fa
```
#97b1fa rgb(151,177,250)
```
#afc3fb
```
#afc3fb rgb(175,195,251)
```

Monochromatic Color

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

#66b1f8
```
#66b1f8 rgb(102,177,248)
```
#66a4f8
```
#66a4f8 rgb(102,164,248)
```
#6698f8
```
#6698f8 rgb(102,152,248)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#6680f8
```
#6680f8 rgb(102,128,248)
```
#6674f8
```
#6674f8 rgb(102,116,248)
```
#6668f8
```
#6668f8 rgb(102,104,248)
```

Similar Colors

Text with hexadecimal color #668cf8

This text has a font color of #668cf8.

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

#668cf8 background color

This paragraph has a background color of #668cf8.

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

#668cf8 border color

This element has a border color of #668cf8.

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

CSS codes

.text {color:#668cf8;}

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

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

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

#010510
```
#010510 rgb(1,5,16)
```
#020a23
```
#020a23 rgb(2,10,35)
```
#021035
```
#021035 rgb(2,16,53)
```
#031548
```
#031548 rgb(3,21,72)
```
#041b5b
```
#041b5b rgb(4,27,91)
```
#05206e
```
#05206e rgb(5,32,110)
```
#062680
```
#062680 rgb(6,38,128)
```
#072b93
```
#072b93 rgb(7,43,147)
```
#0831a6
```
#0831a6 rgb(8,49,166)
```
#0836b9
```
#0836b9 rgb(8,54,185)
```
#093ccb
```
#093ccb rgb(9,60,203)
```
#0a41de
```
#0a41de rgb(10,65,222)
```
#0b47f1
```
#0b47f1 rgb(11,71,241)
```

Shade Color Variation

#1b54f5
```
#1b54f5 rgb(27,84,245)
```
#2e62f5
```
#2e62f5 rgb(46,98,245)
```
#4070f6
```
#4070f6 rgb(64,112,246)
```
#537ef7
```
#537ef7 rgb(83,126,247)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#799af9
```
#799af9 rgb(121,154,249)
```
#8ca8fa
```
#8ca8fa rgb(140,168,250)
```
#9eb6fb
```
#9eb6fb rgb(158,182,251)
```
#b1c4fb
```
#b1c4fb rgb(177,196,251)
```
#c4d2fc
```
#c4d2fc rgb(196,210,252)
```
#d7e1fd
```
#d7e1fd rgb(215,225,253)
```
#e9effe
```
#e9effe rgb(233,239,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#aaacb4
```
#aaacb4 rgb(170,172,180)
```
#a4aaba
```
#a4aaba rgb(164,170,186)
```
#9da7c1
```
#9da7c1 rgb(157,167,193)
```
#97a4c7
```
#97a4c7 rgb(151,164,199)
```
#91a1cd
```
#91a1cd rgb(145,161,205)
```
#8b9ed3
```
#8b9ed3 rgb(139,158,211)
```
#859bd9
```
#859bd9 rgb(133,155,217)
```
#7f98df
```
#7f98df rgb(127,152,223)
```
#7895e6
```
#7895e6 rgb(120,149,230)
```
#7292ec
```
#7292ec rgb(114,146,236)
```
#6c8ff2
```
#6c8ff2 rgb(108,143,242)
```
#668cf8
```
#668cf8 rgb(102,140,248)
```
#6089fe
```
#6089fe rgb(96,137,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#858da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6493f9 Protanopia 1% of men
#4698f5 Deuteranopia 1% of men
#42a3af Tritanopia 0.001% of the population

Trichromacy

#6490f9 Protanomaly 1% of men, 0.01% of women
#5193f6 Deuteranomaly 6% of men, 0.4% of women
#4f9ac9 Tritanomaly 0.01% of the population

#668cf8 hex color

#668cf8 Color Information

#668cf8 Color Conversion

Color Schemes with #668cf8

Alternatives to #668cf8

#668cf8 Preview

Shades and Tints of #668cf8

Tones of #668cf8

Color Blindness Simulator