#5f7ff5 hex color

In a RGB color space, hex #5f7ff5 is composed of 37.3% red, 49.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 48.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 227.2 degrees, a saturation of 88.2% and a lightness of 66.7%. #5f7ff5 color hex could be obtained by blending #befeff with #0000eb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 50
- B 96
RGB color chart
- C 61
- M 48
- Y 0
- K 4
CMYK color chart

● #5f7ff5 color description : Soft blue.

The hexadecimal color #5f7ff5 has RGB values of R:95, G:127, B:245 and CMYK values of C:0.61, M:0.48, Y:0, K:0.04. Its decimal value is 6258677.

Hex triplet	5f7ff5	`#5f7ff5`
RGB Decimal	95, 127, 245	`rgb(95,127,245)`
RGB Percent	37.3, 49.8, 96.1	`rgb(37.3%,49.8%,96.1%)`
CMYK	61, 48, 0, 4
HSL	227.2°, 88.2, 66.7	`hsl(227.2,88.2%,66.7%)`
HSV (or HSB)	227.2°, 61.2, 96.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.29, 24.184, -62.736
XYZ	28.787, 24.203, 89.536
xyY	0.202, 0.17, 24.203
CIE-LCH	56.29, 67.236, 291.081
CIE-LUV	56.29, -17.189, -101.363
Hunter-Lab	49.196, 18.354, -73.469
Binary	01011111, 01111111, 11110101

#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#f5d55f
```
#f5d55f rgb(245,213,95)
```

Complementary Color

#5fcaf5
```
#5fcaf5 rgb(95,202,245)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#8a5ff5
```
#8a5ff5 rgb(138,95,245)
```

Analogous Color

#caf55f
```
#caf55f rgb(202,245,95)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#f58a5f
```
#f58a5f rgb(245,138,95)
```

Split Complementary Color

#7ff55f
```
#7ff55f rgb(127,245,95)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#f55f7f
```
#f55f7f rgb(245,95,127)
```

Triadic Color

#5ff5d5
```
#5ff5d5 rgb(95,245,213)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#f55f7f
```
#f55f7f rgb(245,95,127)
```
#f5d55f
```
#f5d55f rgb(245,213,95)
```

Tetradic Color

#1745f1
```
#1745f1 rgb(23,69,241)
```
#2f59f2
```
#2f59f2 rgb(47,89,242)
```
#476cf4
```
#476cf4 rgb(71,108,244)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#7792f7
```
#7792f7 rgb(119,146,247)
```
#8fa5f8
```
#8fa5f8 rgb(143,165,248)
```
#a7b9fa
```
#a7b9fa rgb(167,185,250)
```

Monochromatic Color

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

#5fa5f5
```
#5fa5f5 rgb(95,165,245)
```
#5f98f5
```
#5f98f5 rgb(95,152,245)
```
#5f8cf5
```
#5f8cf5 rgb(95,140,245)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#5f73f5
```
#5f73f5 rgb(95,115,245)
```
#5f66f5
```
#5f66f5 rgb(95,102,245)
```
#655ff5
```
#655ff5 rgb(101,95,245)
```

Similar Colors

Text with hexadecimal color #5f7ff5

This text has a font color of #5f7ff5.

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

#5f7ff5 background color

This paragraph has a background color of #5f7ff5.

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

#5f7ff5 border color

This element has a border color of #5f7ff5.

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

CSS codes

.text {color:#5f7ff5;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#020619
```
#020619 rgb(2,6,25)
```
#030b2b
```
#030b2b rgb(3,11,43)
```
#04103e
```
#04103e rgb(4,16,62)
```
#051550
```
#051550 rgb(5,21,80)
```
#061a62
```
#061a62 rgb(6,26,98)
```
#071f75
```
#071f75 rgb(7,31,117)
```
#082487
```
#082487 rgb(8,36,135)
```
#0a289a
```
#0a289a rgb(10,40,154)
```
#0b2dac
```
#0b2dac rgb(11,45,172)
```
#0c32bf
```
#0c32bf rgb(12,50,191)
```
#0d37d1
```
#0d37d1 rgb(13,55,209)
```
#0e3ce4
```
#0e3ce4 rgb(14,60,228)
```

Shade Color Variation

#1544f0
```
#1544f0 rgb(21,68,240)
```
#2853f2
```
#2853f2 rgb(40,83,242)
```
#3a61f3
```
#3a61f3 rgb(58,97,243)
```
#4d70f4
```
#4d70f4 rgb(77,112,244)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#718ef6
```
#718ef6 rgb(113,142,246)
```
#849df7
```
#849df7 rgb(132,157,247)
```
#96abf8
```
#96abf8 rgb(150,171,248)
```
#a9bafa
```
#a9bafa rgb(169,186,250)
```
#bbc9fb
```
#bbc9fb rgb(187,201,251)
```
#ced8fc
```
#ced8fc rgb(206,216,252)
```
#e0e6fd
```
#e0e6fd rgb(224,230,253)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#a7a8ad
```
#a7a8ad rgb(167,168,173)
```
#a0a4b4
```
#a0a4b4 rgb(160,164,180)
```
#9aa1ba
```
#9aa1ba rgb(154,161,186)
```
#939dc1
```
#939dc1 rgb(147,157,193)
```
#8d99c7
```
#8d99c7 rgb(141,153,199)
```
#8695ce
```
#8695ce rgb(134,149,206)
```
#8092d4
```
#8092d4 rgb(128,146,212)
```
#798edb
```
#798edb rgb(121,142,219)
```
#738ae1
```
#738ae1 rgb(115,138,225)
```
#6c86e8
```
#6c86e8 rgb(108,134,232)
```
#6683ee
```
#6683ee rgb(102,131,238)
```
#5f7ff5
```
#5f7ff5 rgb(95,127,245)
```
#587bfc
```
#587bfc rgb(88,123,252)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7c829a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b89f8 Protanopia 1% of men
#008fef Deuteranopia 1% of men
#2d99a5 Tritanopia 0.001% of the population

Trichromacy

#5285f7 Protanomaly 1% of men, 0.01% of women
#2289f1 Deuteranomaly 6% of men, 0.4% of women
#3f90c2 Tritanomaly 0.01% of the population

#5f7ff5 hex color

#5f7ff5 Color Information

#5f7ff5 Color Conversion

Color Schemes with #5f7ff5

Alternatives to #5f7ff5

#5f7ff5 Preview

Shades and Tints of #5f7ff5

Tones of #5f7ff5

Color Blindness Simulator