#668afb hex color

In a RGB color space, hex #668afb is composed of 40% red, 54.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 45% magenta, 0% yellow and 1.6% black. It has a hue angle of 225.5 degrees, a saturation of 94.9% and a lightness of 69.2%. #668afb color hex could be obtained by blending #ccffff with #0015f7. Closest websafe color is: #6699ff.

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

● #668afb color description : Soft blue.

The hexadecimal color #668afb has RGB values of R:102, G:138, B:251 and CMYK values of C:0.59, M:0.45, Y:0, K:0.02. Its decimal value is 6720251.

Hex triplet	668afb	`#668afb`
RGB Decimal	102, 138, 251	`rgb(102,138,251)`
RGB Percent	40, 54.1, 98.4	`rgb(40%,54.1%,98.4%)`
CMYK	59, 45, 0, 2
HSL	225.5°, 94.9, 69.2	`hsl(225.5,94.9%,69.2%)`
HSV (or HSB)	225.5°, 59.4, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.857, 20.781, -60.305
XYZ	31.977, 27.965, 94.974
xyY	0.206, 0.181, 27.965
CIE-LCH	59.857, 63.785, 289.014
CIE-LUV	59.857, -18.785, -98.471
Hunter-Lab	52.882, 15.392, -69.465
Binary	01100110, 10001010, 11111011

#668afb
```
#668afb rgb(102,138,251)
```
#fbd766
```
#fbd766 rgb(251,215,102)
```

Complementary Color

#66d5fb
```
#66d5fb rgb(102,213,251)
```
#668afb
```
#668afb rgb(102,138,251)
```
#8d66fb
```
#8d66fb rgb(141,102,251)
```

Analogous Color

#d5fb66
```
#d5fb66 rgb(213,251,102)
```
#668afb
```
#668afb rgb(102,138,251)
```
#fb8d66
```
#fb8d66 rgb(251,141,102)
```

Split Complementary Color

#8afb66
```
#8afb66 rgb(138,251,102)
```
#668afb
```
#668afb rgb(102,138,251)
```
#fb668a
```
#fb668a rgb(251,102,138)
```

Triadic Color

#66fbd7
```
#66fbd7 rgb(102,251,215)
```
#668afb
```
#668afb rgb(102,138,251)
```
#fb668a
```
#fb668a rgb(251,102,138)
```
#fbd766
```
#fbd766 rgb(251,215,102)
```

Tetradic Color

#1b51f9
```
#1b51f9 rgb(27,81,249)
```
#3464fa
```
#3464fa rgb(52,100,250)
```
#4d77fa
```
#4d77fa rgb(77,119,250)
```
#668afb
```
#668afb rgb(102,138,251)
```
#7f9dfc
```
#7f9dfc rgb(127,157,252)
```
#98b0fc
```
#98b0fc rgb(152,176,252)
```
#b1c3fd
```
#b1c3fd rgb(177,195,253)
```

Monochromatic Color

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

#66affb
```
#66affb rgb(102,175,251)
```
#66a3fb
```
#66a3fb rgb(102,163,251)
```
#6696fb
```
#6696fb rgb(102,150,251)
```
#668afb
```
#668afb rgb(102,138,251)
```
#667efb
```
#667efb rgb(102,126,251)
```
#6671fb
```
#6671fb rgb(102,113,251)
```
#6766fb
```
#6766fb rgb(103,102,251)
```

Similar Colors

Text with hexadecimal color #668afb

This text has a font color of #668afb.

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

#668afb background color

This paragraph has a background color of #668afb.

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

#668afb border color

This element has a border color of #668afb.

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

CSS codes

.text {color:#668afb;}

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

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

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

#000513
```
#000513 rgb(0,5,19)
```
#010a26
```
#010a26 rgb(1,10,38)
```
#010f39
```
#010f39 rgb(1,15,57)
```
#02144c
```
#02144c rgb(2,20,76)
```
#021960
```
#021960 rgb(2,25,96)
```
#031e73
```
#031e73 rgb(3,30,115)
```
#032386
```
#032386 rgb(3,35,134)
```
#042899
```
#042899 rgb(4,40,153)
```
#042dac
```
#042dac rgb(4,45,172)
```
#0532bf
```
#0532bf rgb(5,50,191)
```
#0537d2
```
#0537d2 rgb(5,55,210)
```
#063ce5
```
#063ce5 rgb(6,60,229)
```
#0641f8
```
#0641f8 rgb(6,65,248)
```

Shade Color Variation

#1a50f9
```
#1a50f9 rgb(26,80,249)
```
#2d5efa
```
#2d5efa rgb(45,94,250)
```
#406dfa
```
#406dfa rgb(64,109,250)
```
#537bfb
```
#537bfb rgb(83,123,251)
```
#668afb
```
#668afb rgb(102,138,251)
```
#7999fb
```
#7999fb rgb(121,153,251)
```
#8ca7fc
```
#8ca7fc rgb(140,167,252)
```
#9fb6fc
```
#9fb6fc rgb(159,182,252)
```
#b2c4fd
```
#b2c4fd rgb(178,196,253)
```
#c6d3fd
```
#c6d3fd rgb(198,211,253)
```
#d9e2fe
```
#d9e2fe rgb(217,226,254)
```
#ecf0fe
```
#ecf0fe rgb(236,240,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aeafb3
```
#aeafb3 rgb(174,175,179)
```
#a8acb9
```
#a8acb9 rgb(168,172,185)
```
#a2a9bf
```
#a2a9bf rgb(162,169,191)
```
#9ca6c5
```
#9ca6c5 rgb(156,166,197)
```
#96a3cb
```
#96a3cb rgb(150,163,203)
```
#90a0d1
```
#90a0d1 rgb(144,160,209)
```
#8a9dd7
```
#8a9dd7 rgb(138,157,215)
```
#849add
```
#849add rgb(132,154,221)
```
#7e96e3
```
#7e96e3 rgb(126,150,227)
```
#7893e9
```
#7893e9 rgb(120,147,233)
```
#7290ef
```
#7290ef rgb(114,144,239)
```
#6c8df5
```
#6c8df5 rgb(108,141,245)
```
#668afb
```
#668afb rgb(102,138,251)
```

Tone Color Variation

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

#5e92fd Protanopia 1% of men
#3a97f7 Deuteranopia 1% of men
#3ea2ae Tritanopia 0.001% of the population

Trichromacy

#618ffc Protanomaly 1% of men, 0.01% of women
#4a92f9 Deuteranomaly 6% of men, 0.4% of women
#4c99ca Tritanomaly 0.01% of the population

#668afb hex color

#668afb Color Information

#668afb Color Conversion

Color Schemes with #668afb

Alternatives to #668afb

#668afb Preview

Shades and Tints of #668afb

Tones of #668afb

Color Blindness Simulator