#5f91f1 hex color

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

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

● #5f91f1 color description : Soft blue.

The hexadecimal color #5f91f1 has RGB values of R:95, G:145, B:241 and CMYK values of C:0.61, M:0.4, Y:0, K:0.05. Its decimal value is 6263281.

Hex triplet	5f91f1	`#5f91f1`
RGB Decimal	95, 145, 241	`rgb(95,145,241)`
RGB Percent	37.3, 56.9, 94.5	`rgb(37.3%,56.9%,94.5%)`
CMYK	61, 40, 0, 5
HSL	219.5°, 83.9, 65.9	`hsl(219.5,83.9%,65.9%)`
HSV (or HSB)	219.5°, 60.6, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.811, 12.049, -53.298
XYZ	30.718, 29.033, 87.199
xyY	0.209, 0.198, 29.033
CIE-LCH	60.811, 54.643, 282.738
CIE-LUV	60.811, -22.936, -86.422
Hunter-Lab	53.882, 7.47, -58.234
Binary	01011111, 10010001, 11110001

#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#f1bf5f
```
#f1bf5f rgb(241,191,95)
```

Complementary Color

#5fdaf1
```
#5fdaf1 rgb(95,218,241)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#765ff1
```
#765ff1 rgb(118,95,241)
```

Analogous Color

#daf15f
```
#daf15f rgb(218,241,95)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#f1765f
```
#f1765f rgb(241,118,95)
```

Split Complementary Color

#91f15f
```
#91f15f rgb(145,241,95)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#f15f91
```
#f15f91 rgb(241,95,145)
```

Triadic Color

#5ff1bf
```
#5ff1bf rgb(95,241,191)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#f15f91
```
#f15f91 rgb(241,95,145)
```
#f1bf5f
```
#f1bf5f rgb(241,191,95)
```

Tetradic Color

#1961eb
```
#1961eb rgb(25,97,235)
```
#3071ed
```
#3071ed rgb(48,113,237)
```
#4881ef
```
#4881ef rgb(72,129,239)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#76a1f3
```
#76a1f3 rgb(118,161,243)
```
#8eb1f5
```
#8eb1f5 rgb(142,177,245)
```
#a5c1f7
```
#a5c1f7 rgb(165,193,247)
```

Monochromatic Color

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

#5fb6f1
```
#5fb6f1 rgb(95,182,241)
```
#5fa9f1
```
#5fa9f1 rgb(95,169,241)
```
#5f9df1
```
#5f9df1 rgb(95,157,241)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#5f79f1
```
#5f79f1 rgb(95,121,241)
```
#5f6df1
```
#5f6df1 rgb(95,109,241)
```

Similar Colors

Text with hexadecimal color #5f91f1

This text has a font color of #5f91f1.

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

#5f91f1 background color

This paragraph has a background color of #5f91f1.

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

#5f91f1 border color

This element has a border color of #5f91f1.

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

CSS codes

.text {color:#5f91f1;}

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

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

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)
```
#051738
```
#051738 rgb(5,23,56)
```
#071e4a
```
#071e4a rgb(7,30,74)
```
#08255d
```
#08255d rgb(8,37,93)
```
#0a2c6f
```
#0a2c6f rgb(10,44,111)
```
#0b3381
```
#0b3381 rgb(11,51,129)
```
#0d3b93
```
#0d3b93 rgb(13,59,147)
```
#0e42a5
```
#0e42a5 rgb(14,66,165)
```
#1049b7
```
#1049b7 rgb(16,73,183)
```
#1250c9
```
#1250c9 rgb(18,80,201)
```
#1358db
```
#1358db rgb(19,88,219)
```

Shade Color Variation

#175feb
```
#175feb rgb(23,95,235)
```
#296cec
```
#296cec rgb(41,108,236)
```
#3b78ee
```
#3b78ee rgb(59,120,238)
```
#4d85ef
```
#4d85ef rgb(77,133,239)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#719df3
```
#719df3 rgb(113,157,243)
```
#83aaf4
```
#83aaf4 rgb(131,170,244)
```
#95b6f6
```
#95b6f6 rgb(149,182,246)
```
#a7c3f7
```
#a7c3f7 rgb(167,195,247)
```
#b9cff9
```
#b9cff9 rgb(185,207,249)
```
#cbdbfa
```
#cbdbfa rgb(203,219,250)
```
#dde8fc
```
#dde8fc rgb(221,232,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 #528dfe is the most saturated one.

#a2a6ae
```
#a2a6ae rgb(162,166,174)
```
#9ba4b5
```
#9ba4b5 rgb(155,164,181)
```
#95a2bb
```
#95a2bb rgb(149,162,187)
```
#8ea0c2
```
#8ea0c2 rgb(142,160,194)
```
#879ec9
```
#879ec9 rgb(135,158,201)
```
#809cd0
```
#809cd0 rgb(128,156,208)
```
#7a99d6
```
#7a99d6 rgb(122,153,214)
```
#7397dd
```
#7397dd rgb(115,151,221)
```
#6c95e4
```
#6c95e4 rgb(108,149,228)
```
#6693ea
```
#6693ea rgb(102,147,234)
```
#5f91f1
```
#5f91f1 rgb(95,145,241)
```
#588ff8
```
#588ff8 rgb(88,143,248)
```
#528dfe
```
#528dfe rgb(82,141,254)
```

Tone Color Variation

Below, you can see how #5f91f1 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
#848ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f95f0 Protanopia 1% of men
#5899f0 Deuteranopia 1% of men
#3da5b1 Tritanopia 0.001% of the population

Trichromacy

#6993f0 Protanomaly 1% of men, 0.01% of women
#5a96f0 Deuteranomaly 6% of men, 0.4% of women
#499dc8 Tritanomaly 0.01% of the population

#5f91f1 hex color

#5f91f1 Color Information

#5f91f1 Color Conversion

Color Schemes with #5f91f1

Alternatives to #5f91f1

#5f91f1 Preview

Shades and Tints of #5f91f1

Tones of #5f91f1

Color Blindness Simulator