#668afe hex color

In a RGB color space, hex #668afe is composed of 40% red, 54.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 45.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.8 degrees, a saturation of 98.7% and a lightness of 69.8%. #668afe color hex could be obtained by blending #ccffff with #0015fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 54
- B 100
RGB color chart
- C 60
- M 46
- Y 0
- K 0
CMYK color chart

● #668afe color description : Soft blue.

The hexadecimal color #668afe has RGB values of R:102, G:138, B:254 and CMYK values of C:0.6, M:0.46, Y:0, K:0. Its decimal value is 6720254.

Hex triplet	668afe	`#668afe`
RGB Decimal	102, 138, 254	`rgb(102,138,254)`
RGB Percent	40, 54.1, 99.6	`rgb(40%,54.1%,99.6%)`
CMYK	60, 46, 0, 0
HSL	225.8°, 98.7, 69.8	`hsl(225.8,98.7%,69.8%)`
HSV (or HSB)	225.8°, 59.8, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.029, 21.759, -61.678
XYZ	32.454, 28.156, 97.485
xyY	0.205, 0.178, 28.156
CIE-LCH	60.029, 65.403, 289.432
CIE-LUV	60.029, -18.819, -100.842
Hunter-Lab	53.062, 16.315, -71.784
Binary	01100110, 10001010, 11111110

#668afe
```
#668afe rgb(102,138,254)
```
#feda66
```
#feda66 rgb(254,218,102)
```

Complementary Color

#66d6fe
```
#66d6fe rgb(102,214,254)
```
#668afe
```
#668afe rgb(102,138,254)
```
#8e66fe
```
#8e66fe rgb(142,102,254)
```

Analogous Color

#d6fe66
```
#d6fe66 rgb(214,254,102)
```
#668afe
```
#668afe rgb(102,138,254)
```
#fe8e66
```
#fe8e66 rgb(254,142,102)
```

Split Complementary Color

#8afe66
```
#8afe66 rgb(138,254,102)
```
#668afe
```
#668afe rgb(102,138,254)
```
#fe668a
```
#fe668a rgb(254,102,138)
```

Triadic Color

#66feda
```
#66feda rgb(102,254,218)
```
#668afe
```
#668afe rgb(102,138,254)
```
#fe668a
```
#fe668a rgb(254,102,138)
```
#feda66
```
#feda66 rgb(254,218,102)
```

Tetradic Color

#1a50fe
```
#1a50fe rgb(26,80,254)
```
#3363fe
```
#3363fe rgb(51,99,254)
```
#4d77fe
```
#4d77fe rgb(77,119,254)
```
#668afe
```
#668afe rgb(102,138,254)
```
#7f9dfe
```
#7f9dfe rgb(127,157,254)
```
#99b1fe
```
#99b1fe rgb(153,177,254)
```
#b2c4fe
```
#b2c4fe rgb(178,196,254)
```

Monochromatic Color

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

#66b0fe
```
#66b0fe rgb(102,176,254)
```
#66a3fe
```
#66a3fe rgb(102,163,254)
```
#6697fe
```
#6697fe rgb(102,151,254)
```
#668afe
```
#668afe rgb(102,138,254)
```
#667dfe
```
#667dfe rgb(102,125,254)
```
#6671fe
```
#6671fe rgb(102,113,254)
```
#6866fe
```
#6866fe rgb(104,102,254)
```

Similar Colors

Text with hexadecimal color #668afe

This text has a font color of #668afe.

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

#668afe background color

This paragraph has a background color of #668afe.

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

#668afe border color

This element has a border color of #668afe.

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

CSS codes

.text {color:#668afe;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000516
```
#000516 rgb(0,5,22)
```
#000a2a
```
#000a2a rgb(0,10,42)
```
#000f3d
```
#000f3d rgb(0,15,61)
```
#011451
```
#011451 rgb(1,20,81)
```
#011864
```
#011864 rgb(1,24,100)
```
#011d78
```
#011d78 rgb(1,29,120)
```
#01228b
```
#01228b rgb(1,34,139)
```
#01269f
```
#01269f rgb(1,38,159)
```
#012bb2
```
#012bb2 rgb(1,43,178)
```
#0130c6
```
#0130c6 rgb(1,48,198)
```
#0135d9
```
#0135d9 rgb(1,53,217)
```
#0239ed
```
#0239ed rgb(2,57,237)
```

Shade Color Variation

#053ffd
```
#053ffd rgb(5,63,253)
```
#184efd
```
#184efd rgb(24,78,253)
```
#2c5dfe
```
#2c5dfe rgb(44,93,254)
```
#3f6cfe
```
#3f6cfe rgb(63,108,254)
```
#537bfe
```
#537bfe rgb(83,123,254)
```
#668afe
```
#668afe rgb(102,138,254)
```
#7999fe
```
#7999fe rgb(121,153,254)
```
#8da8fe
```
#8da8fe rgb(141,168,254)
```
#a0b7fe
```
#a0b7fe rgb(160,183,254)
```
#b4c6ff
```
#b4c6ff rgb(180,198,255)
```
#c7d5ff
```
#c7d5ff rgb(199,213,255)
```
#dbe3ff
```
#dbe3ff rgb(219,227,255)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

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

#adafb7
```
#adafb7 rgb(173,175,183)
```
#a7acbd
```
#a7acbd rgb(167,172,189)
```
#a1a9c3
```
#a1a9c3 rgb(161,169,195)
```
#9ba6c9
```
#9ba6c9 rgb(155,166,201)
```
#95a3cf
```
#95a3cf rgb(149,163,207)
```
#8fa0d5
```
#8fa0d5 rgb(143,160,213)
```
#8a9dda
```
#8a9dda rgb(138,157,218)
```
#849ae0
```
#849ae0 rgb(132,154,224)
```
#7e96e6
```
#7e96e6 rgb(126,150,230)
```
#7893ec
```
#7893ec rgb(120,147,236)
```
#7290f2
```
#7290f2 rgb(114,144,242)
```
#6c8df8
```
#6c8df8 rgb(108,141,248)
```
#668afe
```
#668afe rgb(102,138,254)
```

Tone Color Variation

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

Dichromacy

#5d92ff Protanopia 1% of men
#3298fa Deuteranopia 1% of men
#3ba3af Tritanopia 0.001% of the population

Trichromacy

#608ffe Protanomaly 1% of men, 0.01% of women
#4593fb Deuteranomaly 6% of men, 0.4% of women
#4a9acb Tritanomaly 0.01% of the population

#668afe hex color

#668afe Color Information

#668afe Color Conversion

Color Schemes with #668afe

Alternatives to #668afe

#668afe Preview

Shades and Tints of #668afe

Tones of #668afe

Color Blindness Simulator