#5f85fe hex color

In a RGB color space, hex #5f85fe is composed of 37.3% red, 52.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 47.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.7 degrees, a saturation of 98.8% and a lightness of 68.4%. #5f85fe color hex could be obtained by blending #beffff with #000bfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 52
- B 100
RGB color chart
- C 63
- M 48
- Y 0
- K 0
CMYK color chart

● #5f85fe color description : Soft blue.

The hexadecimal color #5f85fe has RGB values of R:95, G:133, B:254 and CMYK values of C:0.63, M:0.48, Y:0, K:0. Its decimal value is 6260222.

Hex triplet	5f85fe	`#5f85fe`
RGB Decimal	95, 133, 254	`rgb(95,133,254)`
RGB Percent	37.3, 52.2, 99.6	`rgb(37.3%,52.2%,99.6%)`
CMYK	63, 48, 0, 0
HSL	225.7°, 98.8, 68.4	`hsl(225.7,98.8%,68.4%)`
HSV (or HSB)	225.7°, 62.6, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.379, 23.547, -64.345
XYZ	30.992, 26.362, 97.216
xyY	0.201, 0.171, 26.362
CIE-LCH	58.379, 68.518, 290.1
CIE-LUV	58.379, -19.122, -104.676
Hunter-Lab	51.344, 17.895, -76.32
Binary	01011111, 10000101, 11111110

#5f85fe
```
#5f85fe rgb(95,133,254)
```
#fed85f
```
#fed85f rgb(254,216,95)
```

Complementary Color

#5fd5fe
```
#5fd5fe rgb(95,213,254)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```
#895ffe
```
#895ffe rgb(137,95,254)
```

Analogous Color

#d5fe5f
```
#d5fe5f rgb(213,254,95)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```
#fe895f
```
#fe895f rgb(254,137,95)
```

Split Complementary Color

#85fe5f
```
#85fe5f rgb(133,254,95)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```
#fe5f85
```
#fe5f85 rgb(254,95,133)
```

Triadic Color

#5ffed8
```
#5ffed8 rgb(95,254,216)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```
#fe5f85
```
#fe5f85 rgb(254,95,133)
```
#fed85f
```
#fed85f rgb(254,216,95)
```

Tetradic Color

#134bfe
```
#134bfe rgb(19,75,254)
```
#2c5efe
```
#2c5efe rgb(44,94,254)
```
#4672fe
```
#4672fe rgb(70,114,254)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```
#7898fe
```
#7898fe rgb(120,152,254)
```
#92acfe
```
#92acfe rgb(146,172,254)
```
#abbffe
```
#abbffe rgb(171,191,254)
```

Monochromatic Color

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

#5fadfe
```
#5fadfe rgb(95,173,254)
```
#5fa0fe
```
#5fa0fe rgb(95,160,254)
```
#5f92fe
```
#5f92fe rgb(95,146,254)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```
#5f78fe
```
#5f78fe rgb(95,120,254)
```
#5f6bfe
```
#5f6bfe rgb(95,107,254)
```
#615ffe
```
#615ffe rgb(97,95,254)
```

Similar Colors

Text with hexadecimal color #5f85fe

This text has a font color of #5f85fe.

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

#5f85fe background color

This paragraph has a background color of #5f85fe.

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

#5f85fe border color

This element has a border color of #5f85fe.

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

CSS codes

.text {color:#5f85fe;}

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

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

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

#00040f
```
#00040f rgb(0,4,15)
```
#000923
```
#000923 rgb(0,9,35)
```
#000d36
```
#000d36 rgb(0,13,54)
```
#00124a
```
#00124a rgb(0,18,74)
```
#01175d
```
#01175d rgb(1,23,93)
```
#011c71
```
#011c71 rgb(1,28,113)
```
#012084
```
#012084 rgb(1,32,132)
```
#012598
```
#012598 rgb(1,37,152)
```
#012aab
```
#012aab rgb(1,42,171)
```
#012fbf
```
#012fbf rgb(1,47,191)
```
#0133d2
```
#0133d2 rgb(1,51,210)
```
#0138e6
```
#0138e6 rgb(1,56,230)
```
#023df9
```
#023df9 rgb(2,61,249)
```

Shade Color Variation

#114afe
```
#114afe rgb(17,74,254)
```
#2558fe
```
#2558fe rgb(37,88,254)
```
#3867fe
```
#3867fe rgb(56,103,254)
```
#4c76fe
```
#4c76fe rgb(76,118,254)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```
#7294fe
```
#7294fe rgb(114,148,254)
```
#86a3fe
```
#86a3fe rgb(134,163,254)
```
#99b2fe
```
#99b2fe rgb(153,178,254)
```
#adc0fe
```
#adc0fe rgb(173,192,254)
```
#c0cfff
```
#c0cfff rgb(192,207,255)
```
#d4deff
```
#d4deff rgb(212,222,255)
```
#e7edff
```
#e7edff rgb(231,237,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a9acb4
```
#a9acb4 rgb(169,172,180)
```
#a3a9ba
```
#a3a9ba rgb(163,169,186)
```
#9da5c0
```
#9da5c0 rgb(157,165,192)
```
#97a2c6
```
#97a2c6 rgb(151,162,198)
```
#919fcc
```
#919fcc rgb(145,159,204)
```
#8a9cd3
```
#8a9cd3 rgb(138,156,211)
```
#8498d9
```
#8498d9 rgb(132,152,217)
```
#7e95df
```
#7e95df rgb(126,149,223)
```
#7892e5
```
#7892e5 rgb(120,146,229)
```
#728feb
```
#728feb rgb(114,143,235)
```
#6b8bf2
```
#6b8bf2 rgb(107,139,242)
```
#6588f8
```
#6588f8 rgb(101,136,248)
```
#5f85fe
```
#5f85fe rgb(95,133,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7f879f Atypical Achromatopsia 0.001% of the population

Dichromacy

#528eff Protanopia 1% of men
#0094f7 Deuteranopia 1% of men
#22a0ab Tritanopia 0.001% of the population

Trichromacy

#568bfe Protanomaly 1% of men, 0.01% of women
#228ffa Deuteranomaly 6% of men, 0.4% of women
#3896c9 Tritanomaly 0.01% of the population

#5f85fe hex color

#5f85fe Color Information

#5f85fe Color Conversion

Color Schemes with #5f85fe

Alternatives to #5f85fe

#5f85fe Preview

Shades and Tints of #5f85fe

Tones of #5f85fe

Color Blindness Simulator