colorhexa.com

#5f85f1 hex color

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

- R 37
- G 52
- B 95
RGB color chart
- C 61
- M 45
- Y 0
- K 5
CMYK color chart

● #5f85f1 color description : Soft blue.

The hexadecimal color #5f85f1 has RGB values of R:95, G:133, B:241 and CMYK values of C:0.61, M:0.45, Y:0, K:0.05. Its decimal value is 6260209.

Hex triplet	5f85f1	`#5f85f1`
RGB Decimal	95, 133, 241	`rgb(95,133,241)`
RGB Percent	37.3, 52.2, 94.5	`rgb(37.3%,52.2%,94.5%)`
CMYK	61, 45, 0, 5
HSL	224.4°, 83.9, 65.9	`hsl(224.4,83.9%,65.9%)`
HSV (or HSB)	224.4°, 60.6, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.614, 19.229, -58.396
XYZ	28.981, 25.557, 86.62
xyY	0.205, 0.181, 25.557
CIE-LCH	57.614, 61.481, 288.226
CIE-LUV	57.614, -19.015, -94.487
Hunter-Lab	50.554, 13.857, -66.2
Binary	01011111, 10000101, 11110001

#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#f1cb5f
```
#f1cb5f rgb(241,203,95)
```

Complementary Color

#5fcef1
```
#5fcef1 rgb(95,206,241)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#825ff1
```
#825ff1 rgb(130,95,241)
```

Analogous Color

#cef15f
```
#cef15f rgb(206,241,95)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#f1825f
```
#f1825f rgb(241,130,95)
```

Split Complementary Color

#85f15f
```
#85f15f rgb(133,241,95)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#f15f85
```
#f15f85 rgb(241,95,133)
```

Triadic Color

#5ff1cb
```
#5ff1cb rgb(95,241,203)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#f15f85
```
#f15f85 rgb(241,95,133)
```
#f1cb5f
```
#f1cb5f rgb(241,203,95)
```

Tetradic Color

#194feb
```
#194feb rgb(25,79,235)
```
#3061ed
```
#3061ed rgb(48,97,237)
```
#4873ef
```
#4873ef rgb(72,115,239)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#7697f3
```
#7697f3 rgb(118,151,243)
```
#8ea9f5
```
#8ea9f5 rgb(142,169,245)
```
#a5bbf7
```
#a5bbf7 rgb(165,187,247)
```

Monochromatic Color

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

#5faaf1
```
#5faaf1 rgb(95,170,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)
```
#5f60f1
```
#5f60f1 rgb(95,96,241)
```

Similar Colors

Text with hexadecimal color #5f85f1

This text has a font color of #5f85f1.

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

#5f85f1 background color

This paragraph has a background color of #5f85f1.

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

#5f85f1 border color

This element has a border color of #5f85f1.

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

CSS codes

.text {color:#5f85f1;}

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

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

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 #eff3fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#020714
```
#020714 rgb(2,7,20)
```
#030c26
```
#030c26 rgb(3,12,38)
```
#051238
```
#051238 rgb(5,18,56)
```
#07184a
```
#07184a rgb(7,24,74)
```
#081e5d
```
#081e5d rgb(8,30,93)
```
#0a246f
```
#0a246f rgb(10,36,111)
```
#0b2a81
```
#0b2a81 rgb(11,42,129)
```
#0d3093
```
#0d3093 rgb(13,48,147)
```
#0e36a5
```
#0e36a5 rgb(14,54,165)
```
#103bb7
```
#103bb7 rgb(16,59,183)
```
#1241c9
```
#1241c9 rgb(18,65,201)
```
#1347db
```
#1347db rgb(19,71,219)
```

Shade Color Variation

#174eeb
```
#174eeb rgb(23,78,235)
```
#295cec
```
#295cec rgb(41,92,236)
```
#3b69ee
```
#3b69ee rgb(59,105,238)
```
#4d77ef
```
#4d77ef rgb(77,119,239)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#7193f3
```
#7193f3 rgb(113,147,243)
```
#83a1f4
```
#83a1f4 rgb(131,161,244)
```
#95aef6
```
#95aef6 rgb(149,174,246)
```
#a7bcf7
```
#a7bcf7 rgb(167,188,247)
```
#b9caf9
```
#b9caf9 rgb(185,202,249)
```
#cbd8fa
```
#cbd8fa rgb(203,216,250)
```
#dde5fc
```
#dde5fc rgb(221,229,252)
```
#eff3fe
```
#eff3fe rgb(239,243,254)
```

Tint Color Variation

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

#a2a5ae
```
#a2a5ae rgb(162,165,174)
```
#9ba2b5
```
#9ba2b5 rgb(155,162,181)
```
#959fbb
```
#959fbb rgb(149,159,187)
```
#8e9bc2
```
#8e9bc2 rgb(142,155,194)
```
#8798c9
```
#8798c9 rgb(135,152,201)
```
#8095d0
```
#8095d0 rgb(128,149,208)
```
#7a92d6
```
#7a92d6 rgb(122,146,214)
```
#738fdd
```
#738fdd rgb(115,143,221)
```
#6c8be4
```
#6c8be4 rgb(108,139,228)
```
#6688ea
```
#6688ea rgb(102,136,234)
```
#5f85f1
```
#5f85f1 rgb(95,133,241)
```
#5882f8
```
#5882f8 rgb(88,130,248)
```
#527ffe
```
#527ffe rgb(82,127,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7e869b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8df3 Protanopia 1% of men
#3892ee Deuteranopia 1% of men
#369da8 Tritanopia 0.001% of the population

Trichromacy

#5c8af2 Protanomaly 1% of men, 0.01% of women
#468def Deuteranomaly 6% of men, 0.4% of women
#4594c2 Tritanomaly 0.01% of the population