#5f8afc hex color

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

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

● #5f8afc color description : Soft blue.

The hexadecimal color #5f8afc has RGB values of R:95, G:138, B:252 and CMYK values of C:0.62, M:0.45, Y:0, K:0.01. Its decimal value is 6261500.

Hex triplet	5f8afc	`#5f8afc`
RGB Decimal	95, 138, 252	`rgb(95,138,252)`
RGB Percent	37.3, 54.1, 98.8	`rgb(37.3%,54.1%,98.8%)`
CMYK	62, 45, 0, 1
HSL	223.6°, 96.3, 68	`hsl(223.6,96.3%,68%)`
HSV (or HSB)	223.6°, 62.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.559, 19.871, -61.352
XYZ	31.375, 27.636, 95.771
xyY	0.203, 0.179, 27.636
CIE-LCH	59.559, 64.49, 287.946
CIE-LUV	59.559, -20.658, -99.97
Hunter-Lab	52.57, 14.534, -71.214
Binary	01011111, 10001010, 11111100

#5f8afc
```
#5f8afc rgb(95,138,252)
```
#fcd15f
```
#fcd15f rgb(252,209,95)
```

Complementary Color

#5fd9fc
```
#5fd9fc rgb(95,217,252)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```
#835ffc
```
#835ffc rgb(131,95,252)
```

Analogous Color

#d9fc5f
```
#d9fc5f rgb(217,252,95)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```
#fc835f
```
#fc835f rgb(252,131,95)
```

Split Complementary Color

#8afc5f
```
#8afc5f rgb(138,252,95)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```
#fc5f8a
```
#fc5f8a rgb(252,95,138)
```

Triadic Color

#5ffcd1
```
#5ffcd1 rgb(95,252,209)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```
#fc5f8a
```
#fc5f8a rgb(252,95,138)
```
#fcd15f
```
#fcd15f rgb(252,209,95)
```

Tetradic Color

#1453fb
```
#1453fb rgb(20,83,251)
```
#2d65fb
```
#2d65fb rgb(45,101,251)
```
#4678fc
```
#4678fc rgb(70,120,252)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```
#789cfc
```
#789cfc rgb(120,156,252)
```
#91affd
```
#91affd rgb(145,175,253)
```
#aac1fd
```
#aac1fd rgb(170,193,253)
```

Monochromatic Color

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

#5fb1fc
```
#5fb1fc rgb(95,177,252)
```
#5fa4fc
```
#5fa4fc rgb(95,164,252)
```
#5f97fc
```
#5f97fc rgb(95,151,252)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```
#5f7dfc
```
#5f7dfc rgb(95,125,252)
```
#5f70fc
```
#5f70fc rgb(95,112,252)
```
#5f63fc
```
#5f63fc rgb(95,99,252)
```

Similar Colors

Text with hexadecimal color #5f8afc

This text has a font color of #5f8afc.

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

#5f8afc background color

This paragraph has a background color of #5f8afc.

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

#5f8afc border color

This element has a border color of #5f8afc.

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

CSS codes

.text {color:#5f8afc;}

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

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

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)
```
#010921
```
#010921 rgb(1,9,33)
```
#010f34
```
#010f34 rgb(1,15,52)
```
#011447
```
#011447 rgb(1,20,71)
```
#021a5a
```
#021a5a rgb(2,26,90)
```
#021f6e
```
#021f6e rgb(2,31,110)
```
#022581
```
#022581 rgb(2,37,129)
```
#032b94
```
#032b94 rgb(3,43,148)
```
#0330a7
```
#0330a7 rgb(3,48,167)
```
#0336bb
```
#0336bb rgb(3,54,187)
```
#043bce
```
#043bce rgb(4,59,206)
```
#0441e1
```
#0441e1 rgb(4,65,225)
```
#0546f4
```
#0546f4 rgb(5,70,244)
```

Shade Color Variation

#1252fb
```
#1252fb rgb(18,82,251)
```
#2560fb
```
#2560fb rgb(37,96,251)
```
#386efb
```
#386efb rgb(56,110,251)
```
#4c7cfc
```
#4c7cfc rgb(76,124,252)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```
#7298fc
```
#7298fc rgb(114,152,252)
```
#86a6fd
```
#86a6fd rgb(134,166,253)
```
#99b4fd
```
#99b4fd rgb(153,180,253)
```
#acc2fd
```
#acc2fd rgb(172,194,253)
```
#bfd0fe
```
#bfd0fe rgb(191,208,254)
```
#d3defe
```
#d3defe rgb(211,222,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 #5f8afc is the most saturated one.

#aaacb1
```
#aaacb1 rgb(170,172,177)
```
#a4a9b7
```
#a4a9b7 rgb(164,169,183)
```
#9ea6bd
```
#9ea6bd rgb(158,166,189)
```
#97a4c4
```
#97a4c4 rgb(151,164,196)
```
#91a1ca
```
#91a1ca rgb(145,161,202)
```
#8b9ed0
```
#8b9ed0 rgb(139,158,208)
```
#859bd6
```
#859bd6 rgb(133,155,214)
```
#7e98dd
```
#7e98dd rgb(126,152,221)
```
#7895e3
```
#7895e3 rgb(120,149,227)
```
#7293e9
```
#7293e9 rgb(114,147,233)
```
#6c90ef
```
#6c90ef rgb(108,144,239)
```
#658df6
```
#658df6 rgb(101,141,246)
```
#5f8afc
```
#5f8afc rgb(95,138,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#818aa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c91fd Protanopia 1% of men
#3097f9 Deuteranopia 1% of men
#2ba2ae Tritanopia 0.001% of the population

Trichromacy

#5d8efc Protanomaly 1% of men, 0.01% of women
#4192fa Deuteranomaly 6% of men, 0.4% of women
#3e99ca Tritanomaly 0.01% of the population

#5f8afc hex color

#5f8afc Color Information

#5f8afc Color Conversion

Color Schemes with #5f8afc

Alternatives to #5f8afc

#5f8afc Preview

Shades and Tints of #5f8afc

Tones of #5f8afc

Color Blindness Simulator