#668bf1 hex color

In a RGB color space, hex #668bf1 is composed of 40% red, 54.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 42.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 224 degrees, a saturation of 83.2% and a lightness of 67.3%. #668bf1 color hex could be obtained by blending #ccffff with #0017e3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 55
- B 95
RGB color chart
- C 58
- M 42
- Y 0
- K 5
CMYK color chart

● #668bf1 color description : Soft blue.

The hexadecimal color #668bf1 has RGB values of R:102, G:139, B:241 and CMYK values of C:0.58, M:0.42, Y:0, K:0.05. Its decimal value is 6720497.

Hex triplet	668bf1	`#668bf1`
RGB Decimal	102, 139, 241	`rgb(102,139,241)`
RGB Percent	40, 54.5, 94.5	`rgb(40%,54.5%,94.5%)`
CMYK	58, 42, 0, 5
HSL	224°, 83.2, 67.3	`hsl(224,83.2%,67.3%)`
HSV (or HSB)	224°, 57.7, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.561, 16.939, -55.265
XYZ	30.586, 27.639, 86.937
xyY	0.211, 0.19, 27.639
CIE-LCH	59.561, 57.803, 287.04
CIE-LUV	59.561, -19.006, -89.809
Hunter-Lab	52.573, 11.845, -61.244
Binary	01100110, 10001011, 11110001

#668bf1
```
#668bf1 rgb(102,139,241)
```
#f1cc66
```
#f1cc66 rgb(241,204,102)
```

Complementary Color

#66d1f1
```
#66d1f1 rgb(102,209,241)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#8766f1
```
#8766f1 rgb(135,102,241)
```

Analogous Color

#d1f166
```
#d1f166 rgb(209,241,102)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#f18766
```
#f18766 rgb(241,135,102)
```

Split Complementary Color

#8bf166
```
#8bf166 rgb(139,241,102)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#f1668b
```
#f1668b rgb(241,102,139)
```

Triadic Color

#66f1cc
```
#66f1cc rgb(102,241,204)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#f1668b
```
#f1668b rgb(241,102,139)
```
#f1cc66
```
#f1cc66 rgb(241,204,102)
```

Tetradic Color

#2056eb
```
#2056eb rgb(32,86,235)
```
#3768ed
```
#3768ed rgb(55,104,237)
```
#4f79ef
```
#4f79ef rgb(79,121,239)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#7d9df3
```
#7d9df3 rgb(125,157,243)
```
#95aef5
```
#95aef5 rgb(149,174,245)
```
#acc0f7
```
#acc0f7 rgb(172,192,247)
```

Monochromatic Color

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

#66aef1
```
#66aef1 rgb(102,174,241)
```
#66a2f1
```
#66a2f1 rgb(102,162,241)
```
#6697f1
```
#6697f1 rgb(102,151,241)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#667ff1
```
#667ff1 rgb(102,127,241)
```
#6674f1
```
#6674f1 rgb(102,116,241)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```

Similar Colors

Text with hexadecimal color #668bf1

This text has a font color of #668bf1.

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

#668bf1 background color

This paragraph has a background color of #668bf1.

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

#668bf1 border color

This element has a border color of #668bf1.

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

CSS codes

.text {color:#668bf1;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#02091b
```
#02091b rgb(2,9,27)
```
#040f2d
```
#040f2d rgb(4,15,45)
```
#06153f
```
#06153f rgb(6,21,63)
```
#071b51
```
#071b51 rgb(7,27,81)
```
#092163
```
#092163 rgb(9,33,99)
```
#0b2775
```
#0b2775 rgb(11,39,117)
```
#0c2d87
```
#0c2d87 rgb(12,45,135)
```
#0e3399
```
#0e3399 rgb(14,51,153)
```
#1039aa
```
#1039aa rgb(16,57,170)
```
#113fbc
```
#113fbc rgb(17,63,188)
```
#1345ce
```
#1345ce rgb(19,69,206)
```
#154be0
```
#154be0 rgb(21,75,224)
```

Shade Color Variation

#1e54ea
```
#1e54ea rgb(30,84,234)
```
#3062ec
```
#3062ec rgb(48,98,236)
```
#4270ee
```
#4270ee rgb(66,112,238)
```
#547def
```
#547def rgb(84,125,239)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#7899f3
```
#7899f3 rgb(120,153,243)
```
#8aa6f4
```
#8aa6f4 rgb(138,166,244)
```
#9cb4f6
```
#9cb4f6 rgb(156,180,246)
```
#aec2f8
```
#aec2f8 rgb(174,194,248)
```
#c0cff9
```
#c0cff9 rgb(192,207,249)
```
#d2ddfb
```
#d2ddfb rgb(210,221,251)
```
#e4eafd
```
#e4eafd rgb(228,234,253)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#a6a9b1
```
#a6a9b1 rgb(166,169,177)
```
#a0a6b7
```
#a0a6b7 rgb(160,166,183)
```
#99a3be
```
#99a3be rgb(153,163,190)
```
#93a0c4
```
#93a0c4 rgb(147,160,196)
```
#8d9dca
```
#8d9dca rgb(141,157,202)
```
#869ad1
```
#869ad1 rgb(134,154,209)
```
#8097d7
```
#8097d7 rgb(128,151,215)
```
#7994de
```
#7994de rgb(121,148,222)
```
#7391e4
```
#7391e4 rgb(115,145,228)
```
#6c8eeb
```
#6c8eeb rgb(108,142,235)
```
#668bf1
```
#668bf1 rgb(102,139,241)
```
#6088f7
```
#6088f7 rgb(96,136,247)
```
#5985fe
```
#5985fe rgb(89,133,254)
```

Tone Color Variation

Below, you can see how #668bf1 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
#848ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6792f2 Protanopia 1% of men
#4e96ef Deuteranopia 1% of men
#47a1ac Tritanopia 0.001% of the population

Trichromacy

#668ff2 Protanomaly 1% of men, 0.01% of women
#5792f0 Deuteranomaly 6% of men, 0.4% of women
#5299c5 Tritanomaly 0.01% of the population

#668bf1 hex color

#668bf1 Color Information

#668bf1 Color Conversion

Color Schemes with #668bf1

Alternatives to #668bf1

#668bf1 Preview

Shades and Tints of #668bf1

Tones of #668bf1

Color Blindness Simulator