#668af8 hex color

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

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

● #668af8 color description : Soft blue.

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

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

CIE-LAB	59.687, 19.805, -58.926
XYZ	31.508, 27.777, 92.503
xyY	0.208, 0.183, 27.777
CIE-LCH	59.687, 62.165, 288.577
CIE-LUV	59.687, -18.752, -96.088
Hunter-Lab	52.704, 14.478, -67.169
Binary	01100110, 10001010, 11111000

#668af8
```
#668af8 rgb(102,138,248)
```
#f8d466
```
#f8d466 rgb(248,212,102)
```

Complementary Color

#66d3f8
```
#66d3f8 rgb(102,211,248)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#8b66f8
```
#8b66f8 rgb(139,102,248)
```

Analogous Color

#d3f866
```
#d3f866 rgb(211,248,102)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#f88b66
```
#f88b66 rgb(248,139,102)
```

Split Complementary Color

#8af866
```
#8af866 rgb(138,248,102)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#f8668a
```
#f8668a rgb(248,102,138)
```

Triadic Color

#66f8d4
```
#66f8d4 rgb(102,248,212)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#f8668a
```
#f8668a rgb(248,102,138)
```
#f8d466
```
#f8d466 rgb(248,212,102)
```

Tetradic Color

#1d52f5
```
#1d52f5 rgb(29,82,245)
```
#3565f6
```
#3565f6 rgb(53,101,246)
```
#4e77f7
```
#4e77f7 rgb(78,119,247)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#7e9df9
```
#7e9df9 rgb(126,157,249)
```
#97affa
```
#97affa rgb(151,175,250)
```
#afc2fb
```
#afc2fb rgb(175,194,251)
```

Monochromatic Color

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

#66aff8
```
#66aff8 rgb(102,175,248)
```
#66a2f8
```
#66a2f8 rgb(102,162,248)
```
#6696f8
```
#6696f8 rgb(102,150,248)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#667ef8
```
#667ef8 rgb(102,126,248)
```
#6672f8
```
#6672f8 rgb(102,114,248)
```
#6766f8
```
#6766f8 rgb(103,102,248)
```

Similar Colors

Text with hexadecimal color #668af8

This text has a font color of #668af8.

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

#668af8 background color

This paragraph has a background color of #668af8.

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

#668af8 border color

This element has a border color of #668af8.

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

CSS codes

.text {color:#668af8;}

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

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

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

#010410
```
#010410 rgb(1,4,16)
```
#020a23
```
#020a23 rgb(2,10,35)
```
#020f35
```
#020f35 rgb(2,15,53)
```
#031448
```
#031448 rgb(3,20,72)
```
#041a5b
```
#041a5b rgb(4,26,91)
```
#051f6e
```
#051f6e rgb(5,31,110)
```
#062480
```
#062480 rgb(6,36,128)
```
#072993
```
#072993 rgb(7,41,147)
```
#082fa6
```
#082fa6 rgb(8,47,166)
```
#0834b9
```
#0834b9 rgb(8,52,185)
```
#0939cb
```
#0939cb rgb(9,57,203)
```
#0a3ede
```
#0a3ede rgb(10,62,222)
```
#0b44f1
```
#0b44f1 rgb(11,68,241)
```

Shade Color Variation

#1b51f5
```
#1b51f5 rgb(27,81,245)
```
#2e5ff5
```
#2e5ff5 rgb(46,95,245)
```
#406df6
```
#406df6 rgb(64,109,246)
```
#537cf7
```
#537cf7 rgb(83,124,247)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#7998f9
```
#7998f9 rgb(121,152,249)
```
#8ca7fa
```
#8ca7fa rgb(140,167,250)
```
#9eb5fb
```
#9eb5fb rgb(158,181,251)
```
#b1c3fb
```
#b1c3fb rgb(177,195,251)
```
#c4d2fc
```
#c4d2fc rgb(196,210,252)
```
#d7e0fd
```
#d7e0fd rgb(215,224,253)
```
#e9eefe
```
#e9eefe rgb(233,238,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 #6087fe is the most saturated one.

#aaacb4
```
#aaacb4 rgb(170,172,180)
```
#a4a9ba
```
#a4a9ba rgb(164,169,186)
```
#9da6c1
```
#9da6c1 rgb(157,166,193)
```
#97a3c7
```
#97a3c7 rgb(151,163,199)
```
#91a0cd
```
#91a0cd rgb(145,160,205)
```
#8b9dd3
```
#8b9dd3 rgb(139,157,211)
```
#859ad9
```
#859ad9 rgb(133,154,217)
```
#7f96df
```
#7f96df rgb(127,150,223)
```
#7893e6
```
#7893e6 rgb(120,147,230)
```
#7290ec
```
#7290ec rgb(114,144,236)
```
#6c8df2
```
#6c8df2 rgb(108,141,242)
```
#668af8
```
#668af8 rgb(102,138,248)
```
#6087fe
```
#6087fe rgb(96,135,254)
```

Tone Color Variation

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

Dichromacy

#6092fa Protanopia 1% of men
#4097f5 Deuteranopia 1% of men
#41a2ad Tritanopia 0.001% of the population

Trichromacy

#628ff9 Protanomaly 1% of men, 0.01% of women
#4e92f6 Deuteranomaly 6% of men, 0.4% of women
#4e99c8 Tritanomaly 0.01% of the population

#668af8 hex color

#668af8 Color Information

#668af8 Color Conversion

Color Schemes with #668af8

Alternatives to #668af8

#668af8 Preview

Shades and Tints of #668af8

Tones of #668af8

Color Blindness Simulator