colorhexa.com

#5f81e4 hex color

In a RGB color space, hex #5f81e4 is composed of 37.3% red, 50.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 43.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 224.7 degrees, a saturation of 71.1% and a lightness of 63.3%. #5f81e4 color hex could be obtained by blending #beffff with #0003c9. Closest websafe color is: #6699cc.

- R 37
- G 51
- B 89
RGB color chart
- C 58
- M 43
- Y 0
- K 11
CMYK color chart

● #5f81e4 color description : Soft blue.

The hexadecimal color #5f81e4 has RGB values of R:95, G:129, B:228 and CMYK values of C:0.58, M:0.43, Y:0, K:0.11. Its decimal value is 6259172.

Hex triplet	5f81e4	`#5f81e4`
RGB Decimal	95, 129, 228	`rgb(95,129,228)`
RGB Percent	37.3, 50.6, 89.4	`rgb(37.3%,50.6%,89.4%)`
CMYK	58, 43, 0, 11
HSL	224.7°, 71.1, 63.3	`hsl(224.7,71.1%,63.3%)`
HSV (or HSB)	224.7°, 58.3, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.82, 17.362, -54.03
XYZ	26.57, 23.733, 76.575
xyY	0.209, 0.187, 23.733
CIE-LCH	55.82, 56.751, 287.814
CIE-LUV	55.82, -17.607, -86.705
Hunter-Lab	48.717, 12.099, -59.093
Binary	01011111, 10000001, 11100100

#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#e4c25f
```
#e4c25f rgb(228,194,95)
```

Complementary Color

#5fc4e4
```
#5fc4e4 rgb(95,196,228)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#805fe4
```
#805fe4 rgb(128,95,228)
```

Analogous Color

#c4e45f
```
#c4e45f rgb(196,228,95)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#e4805f
```
#e4805f rgb(228,128,95)
```

Split Complementary Color

#81e45f
```
#81e45f rgb(129,228,95)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#e45f81
```
#e45f81 rgb(228,95,129)
```

Triadic Color

#5fe4c2
```
#5fe4c2 rgb(95,228,194)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#e45f81
```
#e45f81 rgb(228,95,129)
```
#e4c25f
```
#e4c25f rgb(228,194,95)
```

Tetradic Color

#2450d3
```
#2450d3 rgb(36,80,211)
```
#335fdd
```
#335fdd rgb(51,95,221)
```
#4970e0
```
#4970e0 rgb(73,112,224)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#7592e8
```
#7592e8 rgb(117,146,232)
```
#8ba3eb
```
#8ba3eb rgb(139,163,235)
```
#a0b5ef
```
#a0b5ef rgb(160,181,239)
```

Monochromatic Color

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

#5fa2e4
```
#5fa2e4 rgb(95,162,228)
```
#5f97e4
```
#5f97e4 rgb(95,151,228)
```
#5f8ce4
```
#5f8ce4 rgb(95,140,228)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#5f76e4
```
#5f76e4 rgb(95,118,228)
```
#5f6be4
```
#5f6be4 rgb(95,107,228)
```
#5f60e4
```
#5f60e4 rgb(95,96,228)
```

Similar Colors

Text with hexadecimal color #5f81e4

This text has a font color of #5f81e4.

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

#5f81e4 background color

This paragraph has a background color of #5f81e4.

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

#5f81e4 border color

This element has a border color of #5f81e4.

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

CSS codes

.text {color:#5f81e4;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040919
```
#040919 rgb(4,9,25)
```
#071029
```
#071029 rgb(7,16,41)
```
#0a163a
```
#0a163a rgb(10,22,58)
```
#0d1d4b
```
#0d1d4b rgb(13,29,75)
```
#0f235c
```
#0f235c rgb(15,35,92)
```
#12296d
```
#12296d rgb(18,41,109)
```
#15307d
```
#15307d rgb(21,48,125)
```
#18368e
```
#18368e rgb(24,54,142)
```
#1b3d9f
```
#1b3d9f rgb(27,61,159)
```
#1e43b0
```
#1e43b0 rgb(30,67,176)
```
#2049c0
```
#2049c0 rgb(32,73,192)
```
#2350d1
```
#2350d1 rgb(35,80,209)
```

Shade Color Variation

#2d59dc
```
#2d59dc rgb(45,89,220)
```
#3d67de
```
#3d67de rgb(61,103,222)
```
#4e74e1
```
#4e74e1 rgb(78,116,225)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#708ee7
```
#708ee7 rgb(112,142,231)
```
#819bea
```
#819bea rgb(129,155,234)
```
#91a9ec
```
#91a9ec rgb(145,169,236)
```
#a2b6ef
```
#a2b6ef rgb(162,182,239)
```
#b3c3f2
```
#b3c3f2 rgb(179,195,242)
```
#c4d0f5
```
#c4d0f5 rgb(196,208,245)
```
#d4def8
```
#d4def8 rgb(212,222,248)
```
#e5ebfb
```
#e5ebfb rgb(229,235,251)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#a0a1a3
```
#a0a1a3 rgb(160,161,163)
```
#999daa
```
#999daa rgb(153,157,170)
```
#919ab2
```
#919ab2 rgb(145,154,178)
```
#8a96b9
```
#8a96b9 rgb(138,150,185)
```
#8393c0
```
#8393c0 rgb(131,147,192)
```
#7c8fc7
```
#7c8fc7 rgb(124,143,199)
```
#758cce
```
#758cce rgb(117,140,206)
```
#6d88d6
```
#6d88d6 rgb(109,136,214)
```
#6685dd
```
#6685dd rgb(102,133,221)
```
#5f81e4
```
#5f81e4 rgb(95,129,228)
```
#587deb
```
#587deb rgb(88,125,235)
```
#517af2
```
#517af2 rgb(81,122,242)
```
#4976fa
```
#4976fa rgb(73,118,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7b8296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e89e6 Protanopia 1% of men
#448de2 Deuteranopia 1% of men
#4197a2 Tritanopia 0.001% of the population

Trichromacy

#5e86e5 Protanomaly 1% of men, 0.01% of women
#4e88e3 Deuteranomaly 6% of men, 0.4% of women
#4b8fba Tritanomaly 0.01% of the population