#5f91f9 hex color

In a RGB color space, hex #5f91f9 is composed of 37.3% red, 56.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 41.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 220.5 degrees, a saturation of 92.8% and a lightness of 67.5%. #5f91f9 color hex could be obtained by blending #beffff with #0023f3. Closest websafe color is: #6699ff.

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

● #5f91f9 color description : Soft blue.

The hexadecimal color #5f91f9 has RGB values of R:95, G:145, B:249 and CMYK values of C:0.62, M:0.42, Y:0, K:0.02. Its decimal value is 6263289.

Hex triplet	5f91f9	`#5f91f9`
RGB Decimal	95, 145, 249	`rgb(95,145,249)`
RGB Percent	37.3, 56.9, 97.6	`rgb(37.3%,56.9%,97.6%)`
CMYK	62, 42, 0, 2
HSL	220.5°, 92.8, 67.5	`hsl(220.5,92.8%,67.5%)`
HSV (or HSB)	220.5°, 61.8, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.239, 14.691, -57.018
XYZ	31.94, 29.521, 93.632
xyY	0.206, 0.19, 29.521
CIE-LCH	61.239, 58.88, 284.448
CIE-LUV	61.239, -22.903, -92.931
Hunter-Lab	54.334, 9.847, -64.14
Binary	01011111, 10010001, 11111001

#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#f9c75f
```
#f9c75f rgb(249,199,95)
```

Complementary Color

#5fdef9
```
#5fdef9 rgb(95,222,249)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#7a5ff9
```
#7a5ff9 rgb(122,95,249)
```

Analogous Color

#def95f
```
#def95f rgb(222,249,95)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#f97a5f
```
#f97a5f rgb(249,122,95)
```

Split Complementary Color

#91f95f
```
#91f95f rgb(145,249,95)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#f95f91
```
#f95f91 rgb(249,95,145)
```

Triadic Color

#5ff9c7
```
#5ff9c7 rgb(95,249,199)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#f95f91
```
#f95f91 rgb(249,95,145)
```
#f9c75f
```
#f9c75f rgb(249,199,95)
```

Tetradic Color

#155ef6
```
#155ef6 rgb(21,94,246)
```
#2e6ff7
```
#2e6ff7 rgb(46,111,247)
```
#4680f8
```
#4680f8 rgb(70,128,248)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#78a2fa
```
#78a2fa rgb(120,162,250)
```
#90b3fb
```
#90b3fb rgb(144,179,251)
```
#a9c4fc
```
#a9c4fc rgb(169,196,252)
```

Monochromatic Color

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

#5fb8f9
```
#5fb8f9 rgb(95,184,249)
```
#5fabf9
```
#5fabf9 rgb(95,171,249)
```
#5f9ef9
```
#5f9ef9 rgb(95,158,249)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#5f84f9
```
#5f84f9 rgb(95,132,249)
```
#5f77f9
```
#5f77f9 rgb(95,119,249)
```
#5f6bf9
```
#5f6bf9 rgb(95,107,249)
```

Similar Colors

Text with hexadecimal color #5f91f9

This text has a font color of #5f91f9.

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

#5f91f9 background color

This paragraph has a background color of #5f91f9.

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

#5f91f9 border color

This element has a border color of #5f91f9.

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

CSS codes

.text {color:#5f91f9;}

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

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

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

#00040a
```
#00040a rgb(0,4,10)
```
#010a1d
```
#010a1d rgb(1,10,29)
```
#021130
```
#021130 rgb(2,17,48)
```
#031743
```
#031743 rgb(3,23,67)
```
#031e56
```
#031e56 rgb(3,30,86)
```
#042569
```
#042569 rgb(4,37,105)
```
#052b7c
```
#052b7c rgb(5,43,124)
```
#05328f
```
#05328f rgb(5,50,143)
```
#0638a1
```
#0638a1 rgb(6,56,161)
```
#073fb4
```
#073fb4 rgb(7,63,180)
```
#0746c7
```
#0746c7 rgb(7,70,199)
```
#084cda
```
#084cda rgb(8,76,218)
```
#0953ed
```
#0953ed rgb(9,83,237)
```

Shade Color Variation

#135df6
```
#135df6 rgb(19,93,246)
```
#266af7
```
#266af7 rgb(38,106,247)
```
#3977f8
```
#3977f8 rgb(57,119,248)
```
#4c84f8
```
#4c84f8 rgb(76,132,248)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```
#729efa
```
#729efa rgb(114,158,250)
```
#85abfa
```
#85abfa rgb(133,171,250)
```
#98b8fb
```
#98b8fb rgb(152,184,251)
```
#abc5fc
```
#abc5fc rgb(171,197,252)
```
#bed2fd
```
#bed2fd rgb(190,210,253)
```
#d0dffd
```
#d0dffd rgb(208,223,253)
```
#e3ecfe
```
#e3ecfe rgb(227,236,254)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#a5aab3
```
#a5aab3 rgb(165,170,179)
```
#9fa7b9
```
#9fa7b9 rgb(159,167,185)
```
#98a5c0
```
#98a5c0 rgb(152,165,192)
```
#92a3c6
```
#92a3c6 rgb(146,163,198)
```
#8ca1cc
```
#8ca1cc rgb(140,161,204)
```
#859ed3
```
#859ed3 rgb(133,158,211)
```
#7f9cd9
```
#7f9cd9 rgb(127,156,217)
```
#799adf
```
#799adf rgb(121,154,223)
```
#7298e6
```
#7298e6 rgb(114,152,230)
```
#6c95ec
```
#6c95ec rgb(108,149,236)
```
#6593f3
```
#6593f3 rgb(101,147,243)
```
#5f91f9
```
#5f91f9 rgb(95,145,249)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#858fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a96f8 Protanopia 1% of men
#4d9af7 Deuteranopia 1% of men
#35a7b3 Tritanopia 0.001% of the population

Trichromacy

#6694f8 Protanomaly 1% of men, 0.01% of women
#5397f8 Deuteranomaly 6% of men, 0.4% of women
#449fcc Tritanomaly 0.01% of the population

#5f91f9 hex color

#5f91f9 Color Information

#5f91f9 Color Conversion

Color Schemes with #5f91f9

Alternatives to #5f91f9

#5f91f9 Preview

Shades and Tints of #5f91f9

Tones of #5f91f9

Color Blindness Simulator