#5f82e9 hex color

In a RGB color space, hex #5f82e9 is composed of 37.3% red, 51% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 44.2% magenta, 0% yellow and 8.6% black. It has a hue angle of 224.8 degrees, a saturation of 75.8% and a lightness of 64.3%. #5f82e9 color hex could be obtained by blending #beffff with #0005d3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 51
- B 91
RGB color chart
- C 59
- M 44
- Y 0
- K 9
CMYK color chart

● #5f82e9 color description : Soft blue.

The hexadecimal color #5f82e9 has RGB values of R:95, G:130, B:233 and CMYK values of C:0.59, M:0.44, Y:0, K:0.09. Its decimal value is 6259433.

Hex triplet	5f82e9	`#5f82e9`
RGB Decimal	95, 130, 233	`rgb(95,130,233)`
RGB Percent	37.3, 51, 91.4	`rgb(37.3%,51%,91.4%)`
CMYK	59, 44, 0, 9
HSL	224.8°, 75.8, 64.3	`hsl(224.8,75.8%,64.3%)`
HSV (or HSB)	224.8°, 59.2, 91.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.367, 18.4, -55.947
XYZ	27.407, 24.28, 80.329
xyY	0.208, 0.184, 24.28
CIE-LCH	56.367, 58.895, 288.205
CIE-LUV	56.367, -17.983, -90.058
Hunter-Lab	49.275, 13.052, -62.164
Binary	01011111, 10000010, 11101001

#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#e9c65f
```
#e9c65f rgb(233,198,95)
```

Complementary Color

#5fc7e9
```
#5fc7e9 rgb(95,199,233)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#815fe9
```
#815fe9 rgb(129,95,233)
```

Analogous Color

#c7e95f
```
#c7e95f rgb(199,233,95)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#e9815f
```
#e9815f rgb(233,129,95)
```

Split Complementary Color

#82e95f
```
#82e95f rgb(130,233,95)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#e95f82
```
#e95f82 rgb(233,95,130)
```

Triadic Color

#5fe9c6
```
#5fe9c6 rgb(95,233,198)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#e95f82
```
#e95f82 rgb(233,95,130)
```
#e9c65f
```
#e9c65f rgb(233,198,95)
```

Tetradic Color

#1e4fdd
```
#1e4fdd rgb(30,79,221)
```
#325fe3
```
#325fe3 rgb(50,95,227)
```
#4970e6
```
#4970e6 rgb(73,112,230)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#7594ec
```
#7594ec rgb(117,148,236)
```
#8ca5ef
```
#8ca5ef rgb(140,165,239)
```
#a2b7f2
```
#a2b7f2 rgb(162,183,242)
```

Monochromatic Color

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

#5fa5e9
```
#5fa5e9 rgb(95,165,233)
```
#5f99e9
```
#5f99e9 rgb(95,153,233)
```
#5f8ee9
```
#5f8ee9 rgb(95,142,233)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#5f77e9
```
#5f77e9 rgb(95,119,233)
```
#5f6be9
```
#5f6be9 rgb(95,107,233)
```
#5f60e9
```
#5f60e9 rgb(95,96,233)
```

Similar Colors

Text with hexadecimal color #5f82e9

This text has a font color of #5f82e9.

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

#5f82e9 background color

This paragraph has a background color of #5f82e9.

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

#5f82e9 border color

This element has a border color of #5f82e9.

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

CSS codes

.text {color:#5f82e9;}

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

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

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, #02040c is the darkest color, while #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#040b1e
```
#040b1e rgb(4,11,30)
```
#06112f
```
#06112f rgb(6,17,47)
```
#091740
```
#091740 rgb(9,23,64)
```
#0b1d51
```
#0b1d51 rgb(11,29,81)
```
#0e2363
```
#0e2363 rgb(14,35,99)
```
#102974
```
#102974 rgb(16,41,116)
```
#122f85
```
#122f85 rgb(18,47,133)
```
#153696
```
#153696 rgb(21,54,150)
```
#173ca8
```
#173ca8 rgb(23,60,168)
```
#1942b9
```
#1942b9 rgb(25,66,185)
```
#1c48ca
```
#1c48ca rgb(28,72,202)
```
#1e4edb
```
#1e4edb rgb(30,78,219)
```

Shade Color Variation

#2b5ae2
```
#2b5ae2 rgb(43,90,226)
```
#3d67e4
```
#3d67e4 rgb(61,103,228)
```
#4e75e7
```
#4e75e7 rgb(78,117,231)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#708feb
```
#708feb rgb(112,143,235)
```
#819dee
```
#819dee rgb(129,157,238)
```
#93aaf0
```
#93aaf0 rgb(147,170,240)
```
#a4b8f2
```
#a4b8f2 rgb(164,184,242)
```
#b5c5f5
```
#b5c5f5 rgb(181,197,245)
```
#c6d3f7
```
#c6d3f7 rgb(198,211,247)
```
#d8e0fa
```
#d8e0fa rgb(216,224,250)
```
#e9eefc
```
#e9eefc rgb(233,238,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea1aa is the less saturated color, while #4a78fe is the most saturated one.

#9ea1aa
```
#9ea1aa rgb(158,161,170)
```
#979eb1
```
#979eb1 rgb(151,158,177)
```
#909ab8
```
#909ab8 rgb(144,154,184)
```
#8997bf
```
#8997bf rgb(137,151,191)
```
#8293c6
```
#8293c6 rgb(130,147,198)
```
#7b90cd
```
#7b90cd rgb(123,144,205)
```
#748cd4
```
#748cd4 rgb(116,140,212)
```
#6d89db
```
#6d89db rgb(109,137,219)
```
#6685e2
```
#6685e2 rgb(102,133,226)
```
#5f82e9
```
#5f82e9 rgb(95,130,233)
```
#587ff0
```
#587ff0 rgb(88,127,240)
```
#517bf7
```
#517bf7 rgb(81,123,247)
```
#4a78fe
```
#4a78fe rgb(74,120,254)
```

Tone Color Variation

Below, you can see how #5f82e9 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
#7c8397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c8aeb Protanopia 1% of men
#3e8ee7 Deuteranopia 1% of men
#3d99a4 Tritanopia 0.001% of the population

Trichromacy

#5d87ea Protanomaly 1% of men, 0.01% of women
#4a8ae8 Deuteranomaly 6% of men, 0.4% of women
#4990bd Tritanomaly 0.01% of the population

#5f82e9 hex color

#5f82e9 Color Information

#5f82e9 Color Conversion

Color Schemes with #5f82e9

Alternatives to #5f82e9

#5f82e9 Preview

Shades and Tints of #5f82e9

Tones of #5f82e9

Color Blindness Simulator