#5f84ec hex color

In a RGB color space, hex #5f84ec is composed of 37.3% red, 51.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 44.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 224.3 degrees, a saturation of 78.8% and a lightness of 64.9%. #5f84ec color hex could be obtained by blending #beffff with #0009d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 52
- B 93
RGB color chart
- C 60
- M 44
- Y 0
- K 7
CMYK color chart

● #5f84ec color description : Soft blue.

The hexadecimal color #5f84ec has RGB values of R:95, G:132, B:236 and CMYK values of C:0.6, M:0.44, Y:0, K:0.07. Its decimal value is 6259948.

Hex triplet	5f84ec	`#5f84ec`
RGB Decimal	95, 132, 236	`rgb(95,132,236)`
RGB Percent	37.3, 51.8, 92.5	`rgb(37.3%,51.8%,92.5%)`
CMYK	60, 44, 0, 7
HSL	224.3°, 78.8, 64.9	`hsl(224.3,78.8%,64.9%)`
HSV (or HSB)	224.3°, 59.7, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.066, 18.18, -56.499
XYZ	28.108, 24.99, 82.695
xyY	0.207, 0.184, 24.99
CIE-LCH	57.066, 59.352, 287.837
CIE-LUV	57.066, -18.655, -91.155
Hunter-Lab	49.99, 12.882, -63.086
Binary	01011111, 10000100, 11101100

#5f84ec
```
#5f84ec rgb(95,132,236)
```
#ecc75f
```
#ecc75f rgb(236,199,95)
```

Complementary Color

#5fcbec
```
#5fcbec rgb(95,203,236)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#815fec
```
#815fec rgb(129,95,236)
```

Analogous Color

#cbec5f
```
#cbec5f rgb(203,236,95)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#ec815f
```
#ec815f rgb(236,129,95)
```

Split Complementary Color

#84ec5f
```
#84ec5f rgb(132,236,95)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```

Triadic Color

#5fecc7
```
#5fecc7 rgb(95,236,199)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#ecc75f
```
#ecc75f rgb(236,199,95)
```

Tetradic Color

#1b50e3
```
#1b50e3 rgb(27,80,227)
```
#3161e7
```
#3161e7 rgb(49,97,231)
```
#4872e9
```
#4872e9 rgb(72,114,233)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#7696ef
```
#7696ef rgb(118,150,239)
```
#8da7f1
```
#8da7f1 rgb(141,167,241)
```
#a3b9f4
```
#a3b9f4 rgb(163,185,244)
```

Monochromatic Color

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

#5fa7ec
```
#5fa7ec rgb(95,167,236)
```
#5f9cec
```
#5f9cec rgb(95,156,236)
```
#5f90ec
```
#5f90ec rgb(95,144,236)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#5f78ec
```
#5f78ec rgb(95,120,236)
```
#5f6dec
```
#5f6dec rgb(95,109,236)
```
#5f61ec
```
#5f61ec rgb(95,97,236)
```

Similar Colors

Text with hexadecimal color #5f84ec

This text has a font color of #5f84ec.

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

#5f84ec background color

This paragraph has a background color of #5f84ec.

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

#5f84ec border color

This element has a border color of #5f84ec.

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

CSS codes

.text {color:#5f84ec;}

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

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

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

#02050f
```
#02050f rgb(2,5,15)
```
#040c21
```
#040c21 rgb(4,12,33)
```
#061232
```
#061232 rgb(6,18,50)
```
#081844
```
#081844 rgb(8,24,68)
```
#0a1e55
```
#0a1e55 rgb(10,30,85)
```
#0c2467
```
#0c2467 rgb(12,36,103)
```
#0e2a79
```
#0e2a79 rgb(14,42,121)
```
#10308a
```
#10308a rgb(16,48,138)
```
#12369c
```
#12369c rgb(18,54,156)
```
#153dad
```
#153dad rgb(21,61,173)
```
#1743bf
```
#1743bf rgb(23,67,191)
```
#1949d0
```
#1949d0 rgb(25,73,208)
```
#1b4fe2
```
#1b4fe2 rgb(27,79,226)
```

Shade Color Variation

#2a5ce6
```
#2a5ce6 rgb(42,92,230)
```
#3c69e8
```
#3c69e8 rgb(60,105,232)
```
#4d77ea
```
#4d77ea rgb(77,119,234)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#7191ee
```
#7191ee rgb(113,145,238)
```
#829ff0
```
#829ff0 rgb(130,159,240)
```
#94acf2
```
#94acf2 rgb(148,172,242)
```
#a5baf4
```
#a5baf4 rgb(165,186,244)
```
#b7c7f6
```
#b7c7f6 rgb(183,199,246)
```
#c8d5f8
```
#c8d5f8 rgb(200,213,248)
```
#dae2fb
```
#dae2fb rgb(218,226,251)
```
#ebf0fd
```
#ebf0fd rgb(235,240,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a4a5a7
```
#a4a5a7 rgb(164,165,167)
```
#9da1ae
```
#9da1ae rgb(157,161,174)
```
#969eb5
```
#969eb5 rgb(150,158,181)
```
#8f9bbc
```
#8f9bbc rgb(143,155,188)
```
#8898c3
```
#8898c3 rgb(136,152,195)
```
#8194ca
```
#8194ca rgb(129,148,202)
```
#7b91d0
```
#7b91d0 rgb(123,145,208)
```
#748ed7
```
#748ed7 rgb(116,142,215)
```
#6d8bde
```
#6d8bde rgb(109,139,222)
```
#6687e5
```
#6687e5 rgb(102,135,229)
```
#5f84ec
```
#5f84ec rgb(95,132,236)
```
#5881f3
```
#5881f3 rgb(88,129,243)
```
#517dfa
```
#517dfa rgb(81,125,250)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d859a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8bee Protanopia 1% of men
#3f90ea Deuteranopia 1% of men
#3b9ba6 Tritanopia 0.001% of the population

Trichromacy

#5e89ed Protanomaly 1% of men, 0.01% of women
#4a8cea Deuteranomaly 6% of men, 0.4% of women
#4892bf Tritanomaly 0.01% of the population

#5f84ec hex color

#5f84ec Color Information

#5f84ec Color Conversion

Color Schemes with #5f84ec

Alternatives to #5f84ec

#5f84ec Preview

Shades and Tints of #5f84ec

Tones of #5f84ec

Color Blindness Simulator