#5f8ffc hex color

In a RGB color space, hex #5f8ffc is composed of 37.3% red, 56.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 43.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 221.7 degrees, a saturation of 96.3% and a lightness of 68%. #5f8ffc color hex could be obtained by blending #beffff with #001ff9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 56
- B 99
RGB color chart
- C 62
- M 43
- Y 0
- K 1
CMYK color chart

● #5f8ffc color description : Soft blue.

The hexadecimal color #5f8ffc has RGB values of R:95, G:143, B:252 and CMYK values of C:0.62, M:0.43, Y:0, K:0.01. Its decimal value is 6262780.

Hex triplet	5f8ffc	`#5f8ffc`
RGB Decimal	95, 143, 252	`rgb(95,143,252)`
RGB Percent	37.3, 56.1, 98.8	`rgb(37.3%,56.1%,98.8%)`
CMYK	62, 43, 0, 1
HSL	221.7°, 96.3, 68	`hsl(221.7,96.3%,68%)`
HSV (or HSB)	221.7°, 62.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.873, 16.878, -59.249
XYZ	32.109, 29.104, 96.016
xyY	0.204, 0.185, 29.104
CIE-LCH	60.873, 61.606, 285.9
CIE-LUV	60.873, -22.248, -96.693
Hunter-Lab	53.948, 11.829, -67.759
Binary	01011111, 10001111, 11111100

#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#fccc5f
```
#fccc5f rgb(252,204,95)
```

Complementary Color

#5fdefc
```
#5fdefc rgb(95,222,252)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#7e5ffc
```
#7e5ffc rgb(126,95,252)
```

Analogous Color

#defc5f
```
#defc5f rgb(222,252,95)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#fc7e5f
```
#fc7e5f rgb(252,126,95)
```

Split Complementary Color

#8ffc5f
```
#8ffc5f rgb(143,252,95)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#fc5f8f
```
#fc5f8f rgb(252,95,143)
```

Triadic Color

#5ffccc
```
#5ffccc rgb(95,252,204)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#fc5f8f
```
#fc5f8f rgb(252,95,143)
```
#fccc5f
```
#fccc5f rgb(252,204,95)
```

Tetradic Color

#145afb
```
#145afb rgb(20,90,251)
```
#2d6cfb
```
#2d6cfb rgb(45,108,251)
```
#467dfc
```
#467dfc rgb(70,125,252)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#78a1fc
```
#78a1fc rgb(120,161,252)
```
#91b2fd
```
#91b2fd rgb(145,178,253)
```
#aac4fd
```
#aac4fd rgb(170,196,253)
```

Monochromatic Color

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

#5fb6fc
```
#5fb6fc rgb(95,182,252)
```
#5fa9fc
```
#5fa9fc rgb(95,169,252)
```
#5f9cfc
```
#5f9cfc rgb(95,156,252)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#5f82fc
```
#5f82fc rgb(95,130,252)
```
#5f75fc
```
#5f75fc rgb(95,117,252)
```
#5f68fc
```
#5f68fc rgb(95,104,252)
```

Similar Colors

Text with hexadecimal color #5f8ffc

This text has a font color of #5f8ffc.

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

#5f8ffc background color

This paragraph has a background color of #5f8ffc.

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

#5f8ffc border color

This element has a border color of #5f8ffc.

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

CSS codes

.text {color:#5f8ffc;}

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

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

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

#00040d
```
#00040d rgb(0,4,13)
```
#010a21
```
#010a21 rgb(1,10,33)
```
#011134
```
#011134 rgb(1,17,52)
```
#011747
```
#011747 rgb(1,23,71)
```
#021d5a
```
#021d5a rgb(2,29,90)
```
#02236e
```
#02236e rgb(2,35,110)
```
#022981
```
#022981 rgb(2,41,129)
```
#032f94
```
#032f94 rgb(3,47,148)
```
#0335a7
```
#0335a7 rgb(3,53,167)
```
#033bbb
```
#033bbb rgb(3,59,187)
```
#0442ce
```
#0442ce rgb(4,66,206)
```
#0448e1
```
#0448e1 rgb(4,72,225)
```
#054ef4
```
#054ef4 rgb(5,78,244)
```

Shade Color Variation

#1259fb
```
#1259fb rgb(18,89,251)
```
#2567fb
```
#2567fb rgb(37,103,251)
```
#3874fb
```
#3874fb rgb(56,116,251)
```
#4c82fc
```
#4c82fc rgb(76,130,252)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```
#729cfc
```
#729cfc rgb(114,156,252)
```
#86aafd
```
#86aafd rgb(134,170,253)
```
#99b7fd
```
#99b7fd rgb(153,183,253)
```
#acc5fd
```
#acc5fd rgb(172,197,253)
```
#bfd2fe
```
#bfd2fe rgb(191,210,254)
```
#d3e0fe
```
#d3e0fe rgb(211,224,254)
```
#e6edff
```
#e6edff rgb(230,237,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#aaacb1
```
#aaacb1 rgb(170,172,177)
```
#a4aab7
```
#a4aab7 rgb(164,170,183)
```
#9ea7bd
```
#9ea7bd rgb(158,167,189)
```
#97a5c4
```
#97a5c4 rgb(151,165,196)
```
#91a2ca
```
#91a2ca rgb(145,162,202)
```
#8ba0d0
```
#8ba0d0 rgb(139,160,208)
```
#859ed6
```
#859ed6 rgb(133,158,214)
```
#7e9bdd
```
#7e9bdd rgb(126,155,221)
```
#7899e3
```
#7899e3 rgb(120,153,227)
```
#7296e9
```
#7296e9 rgb(114,150,233)
```
#6c94ef
```
#6c94ef rgb(108,148,239)
```
#6591f6
```
#6591f6 rgb(101,145,246)
```
#5f8ffc
```
#5f8ffc rgb(95,143,252)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#848da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6595fc Protanopia 1% of men
#429af9 Deuteranopia 1% of men
#2fa6b2 Tritanopia 0.001% of the population

Trichromacy

#6392fc Protanomaly 1% of men, 0.01% of women
#4c96fa Deuteranomaly 6% of men, 0.4% of women
#409dcd Tritanomaly 0.01% of the population

#5f8ffc hex color

#5f8ffc Color Information

#5f8ffc Color Conversion

Color Schemes with #5f8ffc

Alternatives to #5f8ffc

#5f8ffc Preview

Shades and Tints of #5f8ffc

Tones of #5f8ffc

Color Blindness Simulator