#5f8ef1 hex color

In a RGB color space, hex #5f8ef1 is composed of 37.3% red, 55.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 41.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 220.7 degrees, a saturation of 83.9% and a lightness of 65.9%. #5f8ef1 color hex could be obtained by blending #beffff with #001de3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 56
- B 95
RGB color chart
- C 61
- M 41
- Y 0
- K 5
CMYK color chart

● #5f8ef1 color description : Soft blue.

The hexadecimal color #5f8ef1 has RGB values of R:95, G:142, B:241 and CMYK values of C:0.61, M:0.41, Y:0, K:0.05. Its decimal value is 6262513.

Hex triplet	5f8ef1	`#5f8ef1`
RGB Decimal	95, 142, 241	`rgb(95,142,241)`
RGB Percent	37.3, 55.7, 94.5	`rgb(37.3%,55.7%,94.5%)`
CMYK	61, 41, 0, 5
HSL	220.7°, 83.9, 65.9	`hsl(220.7,83.9%,65.9%)`
HSV (or HSB)	220.7°, 60.6, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.004, 13.831, -54.581
XYZ	30.266, 28.128, 87.049
xyY	0.208, 0.193, 28.128
CIE-LCH	60.004, 56.306, 284.22
CIE-LUV	60.004, -21.938, -88.497
Hunter-Lab	53.036, 9.052, -60.189
Binary	01011111, 10001110, 11110001

#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#f1c25f
```
#f1c25f rgb(241,194,95)
```

Complementary Color

#5fd7f1
```
#5fd7f1 rgb(95,215,241)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#795ff1
```
#795ff1 rgb(121,95,241)
```

Analogous Color

#d7f15f
```
#d7f15f rgb(215,241,95)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#f1795f
```
#f1795f rgb(241,121,95)
```

Split Complementary Color

#8ef15f
```
#8ef15f rgb(142,241,95)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#f15f8e
```
#f15f8e rgb(241,95,142)
```

Triadic Color

#5ff1c2
```
#5ff1c2 rgb(95,241,194)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#f15f8e
```
#f15f8e rgb(241,95,142)
```
#f1c25f
```
#f1c25f rgb(241,194,95)
```

Tetradic Color

#195ceb
```
#195ceb rgb(25,92,235)
```
#306ded
```
#306ded rgb(48,109,237)
```
#487def
```
#487def rgb(72,125,239)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#769ff3
```
#769ff3 rgb(118,159,243)
```
#8eaff5
```
#8eaff5 rgb(142,175,245)
```
#a5c0f7
```
#a5c0f7 rgb(165,192,247)
```

Monochromatic Color

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

#5fb3f1
```
#5fb3f1 rgb(95,179,241)
```
#5fa6f1
```
#5fa6f1 rgb(95,166,241)
```
#5f9af1
```
#5f9af1 rgb(95,154,241)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#5f82f1
```
#5f82f1 rgb(95,130,241)
```
#5f76f1
```
#5f76f1 rgb(95,118,241)
```
#5f6af1
```
#5f6af1 rgb(95,106,241)
```

Similar Colors

Text with hexadecimal color #5f8ef1

This text has a font color of #5f8ef1.

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

#5f8ef1 background color

This paragraph has a background color of #5f8ef1.

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

#5f8ef1 border color

This element has a border color of #5f8ef1.

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

CSS codes

.text {color:#5f8ef1;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020814
```
#020814 rgb(2,8,20)
```
#030f26
```
#030f26 rgb(3,15,38)
```
#051638
```
#051638 rgb(5,22,56)
```
#071c4a
```
#071c4a rgb(7,28,74)
```
#08235d
```
#08235d rgb(8,35,93)
```
#0a2a6f
```
#0a2a6f rgb(10,42,111)
```
#0b3181
```
#0b3181 rgb(11,49,129)
```
#0d3893
```
#0d3893 rgb(13,56,147)
```
#0e3fa5
```
#0e3fa5 rgb(14,63,165)
```
#1046b7
```
#1046b7 rgb(16,70,183)
```
#124dc9
```
#124dc9 rgb(18,77,201)
```
#1353db
```
#1353db rgb(19,83,219)
```

Shade Color Variation

#175beb
```
#175beb rgb(23,91,235)
```
#2968ec
```
#2968ec rgb(41,104,236)
```
#3b75ee
```
#3b75ee rgb(59,117,238)
```
#4d81ef
```
#4d81ef rgb(77,129,239)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#719bf3
```
#719bf3 rgb(113,155,243)
```
#83a7f4
```
#83a7f4 rgb(131,167,244)
```
#95b4f6
```
#95b4f6 rgb(149,180,246)
```
#a7c1f7
```
#a7c1f7 rgb(167,193,247)
```
#b9cef9
```
#b9cef9 rgb(185,206,249)
```
#cbdafa
```
#cbdafa rgb(203,218,250)
```
#dde7fc
```
#dde7fc rgb(221,231,252)
```
#eff4fe
```
#eff4fe rgb(239,244,254)
```

Tint Color Variation

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

#a2a6ae
```
#a2a6ae rgb(162,166,174)
```
#9ba3b5
```
#9ba3b5 rgb(155,163,181)
```
#95a1bb
```
#95a1bb rgb(149,161,187)
```
#8e9fc2
```
#8e9fc2 rgb(142,159,194)
```
#879cc9
```
#879cc9 rgb(135,156,201)
```
#809ad0
```
#809ad0 rgb(128,154,208)
```
#7a98d6
```
#7a98d6 rgb(122,152,214)
```
#7395dd
```
#7395dd rgb(115,149,221)
```
#6c93e4
```
#6c93e4 rgb(108,147,228)
```
#6690ea
```
#6690ea rgb(102,144,234)
```
#5f8ef1
```
#5f8ef1 rgb(95,142,241)
```
#588cf8
```
#588cf8 rgb(88,140,248)
```
#5289fe
```
#5289fe rgb(82,137,254)
```

Tone Color Variation

Below, you can see how #5f8ef1 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
#828c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b93f1 Protanopia 1% of men
#5197f0 Deuteranopia 1% of men
#3ca3af Tritanopia 0.001% of the population

Trichromacy

#6691f1 Protanomaly 1% of men, 0.01% of women
#5694f0 Deuteranomaly 6% of men, 0.4% of women
#489bc7 Tritanomaly 0.01% of the population

#5f8ef1 hex color

#5f8ef1 Color Information

#5f8ef1 Color Conversion

Color Schemes with #5f8ef1

Alternatives to #5f8ef1

#5f8ef1 Preview

Shades and Tints of #5f8ef1

Tones of #5f8ef1

Color Blindness Simulator