#5f8cfb hex color

In a RGB color space, hex #5f8cfb is composed of 37.3% red, 54.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 44.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 222.7 degrees, a saturation of 95.1% and a lightness of 67.8%. #5f8cfb color hex could be obtained by blending #beffff with #0019f7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 55
- B 98
RGB color chart
- C 62
- M 44
- Y 0
- K 2
CMYK color chart

● #5f8cfb color description : Soft blue.

The hexadecimal color #5f8cfb has RGB values of R:95, G:140, B:251 and CMYK values of C:0.62, M:0.44, Y:0, K:0.02. Its decimal value is 6262011.

Hex triplet	5f8cfb	`#5f8cfb`
RGB Decimal	95, 140, 251	`rgb(95,140,251)`
RGB Percent	37.3, 54.9, 98.4	`rgb(37.3%,54.9%,98.4%)`
CMYK	62, 44, 0, 2
HSL	222.7°, 95.1, 67.8	`hsl(222.7,95.1%,67.8%)`
HSV (or HSB)	222.7°, 62.2, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.026, 18.339, -60.055
XYZ	31.506, 28.152, 95.035
xyY	0.204, 0.182, 28.152
CIE-LCH	60.026, 62.792, 286.981
CIE-LUV	60.026, -21.289, -97.88
Hunter-Lab	53.059, 13.141, -69.055
Binary	01011111, 10001100, 11111011

#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#fbce5f
```
#fbce5f rgb(251,206,95)
```

Complementary Color

#5fdafb
```
#5fdafb rgb(95,218,251)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#805ffb
```
#805ffb rgb(128,95,251)
```

Analogous Color

#dafb5f
```
#dafb5f rgb(218,251,95)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#fb805f
```
#fb805f rgb(251,128,95)
```

Split Complementary Color

#8cfb5f
```
#8cfb5f rgb(140,251,95)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#fb5f8c
```
#fb5f8c rgb(251,95,140)
```

Triadic Color

#5ffbce
```
#5ffbce rgb(95,251,206)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#fb5f8c
```
#fb5f8c rgb(251,95,140)
```
#fbce5f
```
#fbce5f rgb(251,206,95)
```

Tetradic Color

#1456f9
```
#1456f9 rgb(20,86,249)
```
#2d68fa
```
#2d68fa rgb(45,104,250)
```
#467afa
```
#467afa rgb(70,122,250)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#789efc
```
#789efc rgb(120,158,252)
```
#91b0fc
```
#91b0fc rgb(145,176,252)
```
#aac2fd
```
#aac2fd rgb(170,194,253)
```

Monochromatic Color

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

#5fb3fb
```
#5fb3fb rgb(95,179,251)
```
#5fa6fb
```
#5fa6fb rgb(95,166,251)
```
#5f99fb
```
#5f99fb rgb(95,153,251)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#5f7ffb
```
#5f7ffb rgb(95,127,251)
```
#5f72fb
```
#5f72fb rgb(95,114,251)
```
#5f65fb
```
#5f65fb rgb(95,101,251)
```

Similar Colors

Text with hexadecimal color #5f8cfb

This text has a font color of #5f8cfb.

<span style="color:#5f8cfb;">Text here</span>

#5f8cfb background color

This paragraph has a background color of #5f8cfb.

<p style="background-color:#5f8cfb;">Content here</p>

#5f8cfb border color

This element has a border color of #5f8cfb.

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

CSS codes

.text {color:#5f8cfb;}

.background {background-color:#5f8cfb;}

.border {border:1px solid #5f8cfb;}

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, #00040c is the darkest color, while #f8faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#010a1f
```
#010a1f rgb(1,10,31)
```
#010f33
```
#010f33 rgb(1,15,51)
```
#021546
```
#021546 rgb(2,21,70)
```
#021b59
```
#021b59 rgb(2,27,89)
```
#03216c
```
#03216c rgb(3,33,108)
```
#03277f
```
#03277f rgb(3,39,127)
```
#042d92
```
#042d92 rgb(4,45,146)
```
#0433a5
```
#0433a5 rgb(4,51,165)
```
#0538b8
```
#0538b8 rgb(5,56,184)
```
#053ecc
```
#053ecc rgb(5,62,204)
```
#0644df
```
#0644df rgb(6,68,223)
```
#064af2
```
#064af2 rgb(6,74,242)
```

Shade Color Variation

#1255f9
```
#1255f9 rgb(18,85,249)
```
#2663fa
```
#2663fa rgb(38,99,250)
```
#3970fa
```
#3970fa rgb(57,112,250)
```
#4c7efb
```
#4c7efb rgb(76,126,251)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#729afb
```
#729afb rgb(114,154,251)
```
#85a8fc
```
#85a8fc rgb(133,168,252)
```
#98b5fc
```
#98b5fc rgb(152,181,252)
```
#acc3fd
```
#acc3fd rgb(172,195,253)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#d2dffe
```
#d2dffe rgb(210,223,254)
```
#e5ecfe
```
#e5ecfe rgb(229,236,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#abacaf
```
#abacaf rgb(171,172,175)
```
#a4a9b6
```
#a4a9b6 rgb(164,169,182)
```
#9ea7bc
```
#9ea7bc rgb(158,167,188)
```
#98a4c2
```
#98a4c2 rgb(152,164,194)
```
#91a1c9
```
#91a1c9 rgb(145,161,201)
```
#8b9fcf
```
#8b9fcf rgb(139,159,207)
```
#859cd5
```
#859cd5 rgb(133,156,213)
```
#7f99db
```
#7f99db rgb(127,153,219)
```
#7897e2
```
#7897e2 rgb(120,151,226)
```
#7294e8
```
#7294e8 rgb(114,148,232)
```
#6c91ee
```
#6c91ee rgb(108,145,238)
```
#658ff5
```
#658ff5 rgb(101,143,245)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```

Tone Color Variation

Below, you can see how #5f8cfb 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

#8b8b8b Achromatopsia 0.005% of the population
#828ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6092fc Protanopia 1% of men
#3a98f8 Deuteranopia 1% of men
#2ea4b0 Tritanopia 0.001% of the population

Trichromacy

#6090fb Protanomaly 1% of men, 0.01% of women
#4793f9 Deuteranomaly 6% of men, 0.4% of women
#409bcb Tritanomaly 0.01% of the population

#5f8cfb hex color

#5f8cfb Color Information

#5f8cfb Color Conversion

Color Schemes with #5f8cfb

Alternatives to #5f8cfb

#5f8cfb Preview

Shades and Tints of #5f8cfb

Tones of #5f8cfb

Color Blindness Simulator