#5f85ff hex color

In a RGB color space, hex #5f85ff is composed of 37.3% red, 52.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 47.8% magenta, 0% yellow and 0% black. It has a hue angle of 225.8 degrees, a saturation of 100% and a lightness of 68.6%. #5f85ff color hex could be obtained by blending #beffff with #000bff. 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

● #5f85ff color description : Light blue.

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

Hex triplet	5f85ff	`#5f85ff`
RGB Decimal	95, 133, 255	`rgb(95,133,255)`
RGB Percent	37.3, 52.2, 100	`rgb(37.3%,52.2%,100%)`
CMYK	63, 48, 0, 0
HSL	225.8°, 100, 68.6	`hsl(225.8,100%,68.6%)`
HSV (or HSB)	225.8°, 62.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.439, 23.88, -64.798
XYZ	31.153, 26.426, 98.061
xyY	0.2, 0.17, 26.426
CIE-LCH	58.439, 69.058, 290.23
CIE-LUV	58.439, -19.131, -105.449
Hunter-Lab	51.406, 18.212, -77.115
Binary	01011111, 10000101, 11111111

#5f85ff
```
#5f85ff rgb(95,133,255)
```
#ffd95f
```
#ffd95f rgb(255,217,95)
```

Complementary Color

#5fd5ff
```
#5fd5ff rgb(95,213,255)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#895fff
```
#895fff rgb(137,95,255)
```

Analogous Color

#d5ff5f
```
#d5ff5f rgb(213,255,95)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#ff895f
```
#ff895f rgb(255,137,95)
```

Split Complementary Color

#85ff5f
```
#85ff5f rgb(133,255,95)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#ff5f85
```
#ff5f85 rgb(255,95,133)
```

Triadic Color

#5fffd9
```
#5fffd9 rgb(95,255,217)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#ff5f85
```
#ff5f85 rgb(255,95,133)
```
#ffd95f
```
#ffd95f rgb(255,217,95)
```

Tetradic Color

#134bff
```
#134bff rgb(19,75,255)
```
#2c5eff
```
#2c5eff rgb(44,94,255)
```
#4672ff
```
#4672ff rgb(70,114,255)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#7998ff
```
#7998ff rgb(121,152,255)
```
#92acff
```
#92acff rgb(146,172,255)
```
#acbfff
```
#acbfff rgb(172,191,255)
```

Monochromatic Color

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

#5fadff
```
#5fadff rgb(95,173,255)
```
#5fa0ff
```
#5fa0ff rgb(95,160,255)
```
#5f92ff
```
#5f92ff rgb(95,146,255)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#5f6aff
```
#5f6aff rgb(95,106,255)
```
#615fff
```
#615fff rgb(97,95,255)
```

Similar Colors

Text with hexadecimal color #5f85ff

This text has a font color of #5f85ff.

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

#5f85ff background color

This paragraph has a background color of #5f85ff.

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

#5f85ff border color

This element has a border color of #5f85ff.

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

CSS codes

.text {color:#5f85ff;}

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

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

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

#000411
```
#000411 rgb(0,4,17)
```
#000924
```
#000924 rgb(0,9,36)
```
#000d38
```
#000d38 rgb(0,13,56)
```
#00124b
```
#00124b rgb(0,18,75)
```
#00175f
```
#00175f rgb(0,23,95)
```
#001b73
```
#001b73 rgb(0,27,115)
```
#002086
```
#002086 rgb(0,32,134)
```
#00259a
```
#00259a rgb(0,37,154)
```
#0029ad
```
#0029ad rgb(0,41,173)
```
#002ec1
```
#002ec1 rgb(0,46,193)
```
#0033d5
```
#0033d5 rgb(0,51,213)
```
#0037e8
```
#0037e8 rgb(0,55,232)
```
#003cfc
```
#003cfc rgb(0,60,252)
```

Shade Color Variation

#1149ff
```
#1149ff rgb(17,73,255)
```
#2458ff
```
#2458ff rgb(36,88,255)
```
#3867ff
```
#3867ff rgb(56,103,255)
```
#4b76ff
```
#4b76ff rgb(75,118,255)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#7394ff
```
#7394ff rgb(115,148,255)
```
#86a3ff
```
#86a3ff rgb(134,163,255)
```
#9ab2ff
```
#9ab2ff rgb(154,178,255)
```
#adc1ff
```
#adc1ff rgb(173,193,255)
```
#c1d0ff
```
#c1d0ff rgb(193,208,255)
```
#d5dfff
```
#d5dfff rgb(213,223,255)
```
#e8eeff
```
#e8eeff rgb(232,238,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a9acb5
```
#a9acb5 rgb(169,172,181)
```
#a3a9bb
```
#a3a9bb rgb(163,169,187)
```
#9da5c1
```
#9da5c1 rgb(157,165,193)
```
#96a2c8
```
#96a2c8 rgb(150,162,200)
```
#909fce
```
#909fce rgb(144,159,206)
```
#8a9cd4
```
#8a9cd4 rgb(138,156,212)
```
#8498da
```
#8498da rgb(132,152,218)
```
#7e95e0
```
#7e95e0 rgb(126,149,224)
```
#7892e6
```
#7892e6 rgb(120,146,230)
```
#718fed
```
#718fed rgb(113,143,237)
```
#6b8bf3
```
#6b8bf3 rgb(107,139,243)
```
#6588f9
```
#6588f9 rgb(101,136,249)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#8087a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528eff Protanopia 1% of men
#0094f8 Deuteranopia 1% of men
#20a0ac Tritanopia 0.001% of the population

Trichromacy

#578bff Protanomaly 1% of men, 0.01% of women
#228ffa Deuteranomaly 6% of men, 0.4% of women
#3796ca Tritanomaly 0.01% of the population

#5f85ff hex color

#5f85ff Color Information

#5f85ff Color Conversion

Color Schemes with #5f85ff

Alternatives to #5f85ff

#5f85ff Preview

Shades and Tints of #5f85ff

Tones of #5f85ff

Color Blindness Simulator