#668ffa hex color

In a RGB color space, hex #668ffa is composed of 40% red, 56.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 42.8% magenta, 0% yellow and 2% black. It has a hue angle of 223.4 degrees, a saturation of 93.7% and a lightness of 69%. #668ffa color hex could be obtained by blending #ccffff with #001ff5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 56
- B 98
RGB color chart
- C 59
- M 43
- Y 0
- K 2
CMYK color chart

● #668ffa color description : Soft blue.

The hexadecimal color #668ffa has RGB values of R:102, G:143, B:250 and CMYK values of C:0.59, M:0.43, Y:0, K:0.02. Its decimal value is 6721530.

Hex triplet	668ffa	`#668ffa`
RGB Decimal	102, 143, 250	`rgb(102,143,250)`
RGB Percent	40, 56.1, 98	`rgb(40%,56.1%,98%)`
CMYK	59, 43, 0, 2
HSL	223.4°, 93.7, 69	`hsl(223.4,93.7%,69%)`
HSV (or HSB)	223.4°, 59.2, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.107, 17.473, -57.758
XYZ	32.554, 29.37, 94.391
xyY	0.208, 0.188, 29.37
CIE-LCH	61.107, 60.343, 286.831
CIE-LUV	61.107, -20.385, -94.39
Hunter-Lab	54.194, 12.382, -65.33
Binary	01100110, 10001111, 11111010

#668ffa
```
#668ffa rgb(102,143,250)
```
#fad166
```
#fad166 rgb(250,209,102)
```

Complementary Color

#66d9fa
```
#66d9fa rgb(102,217,250)
```
#668ffa
```
#668ffa rgb(102,143,250)
```
#8766fa
```
#8766fa rgb(135,102,250)
```

Analogous Color

#d9fa66
```
#d9fa66 rgb(217,250,102)
```
#668ffa
```
#668ffa rgb(102,143,250)
```
#fa8766
```
#fa8766 rgb(250,135,102)
```

Split Complementary Color

#8ffa66
```
#8ffa66 rgb(143,250,102)
```
#668ffa
```
#668ffa rgb(102,143,250)
```
#fa668f
```
#fa668f rgb(250,102,143)
```

Triadic Color

#66fad1
```
#66fad1 rgb(102,250,209)
```
#668ffa
```
#668ffa rgb(102,143,250)
```
#fa668f
```
#fa668f rgb(250,102,143)
```
#fad166
```
#fad166 rgb(250,209,102)
```

Tetradic Color

#1c59f8
```
#1c59f8 rgb(28,89,248)
```
#356bf8
```
#356bf8 rgb(53,107,248)
```
#4d7df9
```
#4d7df9 rgb(77,125,249)
```
#668ffa
```
#668ffa rgb(102,143,250)
```
#7fa1fb
```
#7fa1fb rgb(127,161,251)
```
#97b3fc
```
#97b3fc rgb(151,179,252)
```
#b0c5fc
```
#b0c5fc rgb(176,197,252)
```

Monochromatic Color

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

#66b4fa
```
#66b4fa rgb(102,180,250)
```
#66a8fa
```
#66a8fa rgb(102,168,250)
```
#669bfa
```
#669bfa rgb(102,155,250)
```
#668ffa
```
#668ffa rgb(102,143,250)
```
#6683fa
```
#6683fa rgb(102,131,250)
```
#6676fa
```
#6676fa rgb(102,118,250)
```
#666afa
```
#666afa rgb(102,106,250)
```

Similar Colors

Text with hexadecimal color #668ffa

This text has a font color of #668ffa.

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

#668ffa background color

This paragraph has a background color of #668ffa.

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

#668ffa border color

This element has a border color of #668ffa.

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

CSS codes

.text {color:#668ffa;}

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

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

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

#010512
```
#010512 rgb(1,5,18)
```
#010b25
```
#010b25 rgb(1,11,37)
```
#021138
```
#021138 rgb(2,17,56)
```
#02174b
```
#02174b rgb(2,23,75)
```
#031c5e
```
#031c5e rgb(3,28,94)
```
#042271
```
#042271 rgb(4,34,113)
```
#042884
```
#042884 rgb(4,40,132)
```
#052d97
```
#052d97 rgb(5,45,151)
```
#0633aa
```
#0633aa rgb(6,51,170)
```
#0639bd
```
#0639bd rgb(6,57,189)
```
#073fd0
```
#073fd0 rgb(7,63,208)
```
#0744e3
```
#0744e3 rgb(7,68,227)
```
#084af6
```
#084af6 rgb(8,74,246)
```

Shade Color Variation

#1a57f8
```
#1a57f8 rgb(26,87,248)
```
#2d65f8
```
#2d65f8 rgb(45,101,248)
```
#4073f9
```
#4073f9 rgb(64,115,249)
```
#5381f9
```
#5381f9 rgb(83,129,249)
```
#668ffa
```
#668ffa rgb(102,143,250)
```
#799dfb
```
#799dfb rgb(121,157,251)
```
#8cabfb
```
#8cabfb rgb(140,171,251)
```
#9fb9fc
```
#9fb9fc rgb(159,185,252)
```
#b2c7fc
```
#b2c7fc rgb(178,199,252)
```
#c5d5fd
```
#c5d5fd rgb(197,213,253)
```
#d8e2fe
```
#d8e2fe rgb(216,226,254)
```
#ebf0fe
```
#ebf0fe rgb(235,240,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#afb0b1
```
#afb0b1 rgb(175,176,177)
```
#a9adb7
```
#a9adb7 rgb(169,173,183)
```
#a3aabd
```
#a3aabd rgb(163,170,189)
```
#9da7c3
```
#9da7c3 rgb(157,167,195)
```
#97a5c9
```
#97a5c9 rgb(151,165,201)
```
#91a2cf
```
#91a2cf rgb(145,162,207)
```
#8a9fd6
```
#8a9fd6 rgb(138,159,214)
```
#849ddc
```
#849ddc rgb(132,157,220)
```
#7e9ae2
```
#7e9ae2 rgb(126,154,226)
```
#7897e8
```
#7897e8 rgb(120,151,232)
```
#7294ee
```
#7294ee rgb(114,148,238)
```
#6c92f4
```
#6c92f4 rgb(108,146,244)
```
#668ffa
```
#668ffa rgb(102,143,250)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#878fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6895fb Protanopia 1% of men
#4b9af7 Deuteranopia 1% of men
#42a5b2 Tritanopia 0.001% of the population

Trichromacy

#6793fa Protanomaly 1% of men, 0.01% of women
#5496f8 Deuteranomaly 6% of men, 0.4% of women
#4f9dcc Tritanomaly 0.01% of the population

#668ffa hex color

#668ffa Color Information

#668ffa Color Conversion

Color Schemes with #668ffa

Alternatives to #668ffa

#668ffa Preview

Shades and Tints of #668ffa

Tones of #668ffa

Color Blindness Simulator