#5f72e4 hex color

In a RGB color space, hex #5f72e4 is composed of 37.3% red, 44.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 50% magenta, 0% yellow and 10.6% black. It has a hue angle of 231.4 degrees, a saturation of 71.1% and a lightness of 63.3%. #5f72e4 color hex could be obtained by blending #bee4ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 45
- B 89
RGB color chart
- C 58
- M 50
- Y 0
- K 11
CMYK color chart

● #5f72e4 color description : Soft blue.

The hexadecimal color #5f72e4 has RGB values of R:95, G:114, B:228 and CMYK values of C:0.58, M:0.5, Y:0, K:0.11. Its decimal value is 6255332.

Hex triplet	5f72e4	`#5f72e4`
RGB Decimal	95, 114, 228	`rgb(95,114,228)`
RGB Percent	37.3, 44.7, 89.4	`rgb(37.3%,44.7%,89.4%)`
CMYK	58, 50, 0, 11
HSL	231.4°, 71.1, 63.3	`hsl(231.4,71.1%,63.3%)`
HSV (or HSB)	231.4°, 58.3, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.914, 26.502, -60.291
XYZ	24.737, 20.068, 75.964
xyY	0.205, 0.166, 20.068
CIE-LCH	51.914, 65.858, 293.729
CIE-LUV	51.914, -12.902, -95.912
Hunter-Lab	44.797, 20.174, -69.183
Binary	01011111, 01110010, 11100100

#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#e4d15f
```
#e4d15f rgb(228,209,95)
```

Complementary Color

#5fb5e4
```
#5fb5e4 rgb(95,181,228)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#8f5fe4
```
#8f5fe4 rgb(143,95,228)
```

Analogous Color

#b5e45f
```
#b5e45f rgb(181,228,95)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#e48f5f
```
#e48f5f rgb(228,143,95)
```

Split Complementary Color

#72e45f
```
#72e45f rgb(114,228,95)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#e45f72
```
#e45f72 rgb(228,95,114)
```

Triadic Color

#5fe4d1
```
#5fe4d1 rgb(95,228,209)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#e45f72
```
#e45f72 rgb(228,95,114)
```
#e4d15f
```
#e4d15f rgb(228,209,95)
```

Tetradic Color

#243dd3
```
#243dd3 rgb(36,61,211)
```
#334cdd
```
#334cdd rgb(51,76,221)
```
#495fe0
```
#495fe0 rgb(73,95,224)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#7585e8
```
#7585e8 rgb(117,133,232)
```
#8b98eb
```
#8b98eb rgb(139,152,235)
```
#a0acef
```
#a0acef rgb(160,172,239)
```

Monochromatic Color

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

#5f93e4
```
#5f93e4 rgb(95,147,228)
```
#5f88e4
```
#5f88e4 rgb(95,136,228)
```
#5f7de4
```
#5f7de4 rgb(95,125,228)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#5f67e4
```
#5f67e4 rgb(95,103,228)
```
#625fe4
```
#625fe4 rgb(98,95,228)
```
#6d5fe4
```
#6d5fe4 rgb(109,95,228)
```

Similar Colors

Text with hexadecimal color #5f72e4

This text has a font color of #5f72e4.

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

#5f72e4 background color

This paragraph has a background color of #5f72e4.

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

#5f72e4 border color

This element has a border color of #5f72e4.

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

CSS codes

.text {color:#5f72e4;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#040719
```
#040719 rgb(4,7,25)
```
#070c29
```
#070c29 rgb(7,12,41)
```
#0a113a
```
#0a113a rgb(10,17,58)
```
#0d164b
```
#0d164b rgb(13,22,75)
```
#0f1a5c
```
#0f1a5c rgb(15,26,92)
```
#121f6d
```
#121f6d rgb(18,31,109)
```
#15247d
```
#15247d rgb(21,36,125)
```
#18298e
```
#18298e rgb(24,41,142)
```
#1b2e9f
```
#1b2e9f rgb(27,46,159)
```
#1e33b0
```
#1e33b0 rgb(30,51,176)
```
#2037c0
```
#2037c0 rgb(32,55,192)
```
#233cd1
```
#233cd1 rgb(35,60,209)
```

Shade Color Variation

#2d46dc
```
#2d46dc rgb(45,70,220)
```
#3d54de
```
#3d54de rgb(61,84,222)
```
#4e63e1
```
#4e63e1 rgb(78,99,225)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#7081e7
```
#7081e7 rgb(112,129,231)
```
#8190ea
```
#8190ea rgb(129,144,234)
```
#919eec
```
#919eec rgb(145,158,236)
```
#a2adef
```
#a2adef rgb(162,173,239)
```
#b3bcf2
```
#b3bcf2 rgb(179,188,242)
```
#c4cbf5
```
#c4cbf5 rgb(196,203,245)
```
#d4daf8
```
#d4daf8 rgb(212,218,248)
```
#e5e8fb
```
#e5e8fb rgb(229,232,251)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#a0a0a3
```
#a0a0a3 rgb(160,160,163)
```
#999baa
```
#999baa rgb(153,155,170)
```
#9196b2
```
#9196b2 rgb(145,150,178)
```
#8a91b9
```
#8a91b9 rgb(138,145,185)
```
#838cc0
```
#838cc0 rgb(131,140,192)
```
#7c87c7
```
#7c87c7 rgb(124,135,199)
```
#7581ce
```
#7581ce rgb(117,129,206)
```
#6d7cd6
```
#6d7cd6 rgb(109,124,214)
```
#6677dd
```
#6677dd rgb(102,119,221)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#586deb
```
#586deb rgb(88,109,235)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#4963fa
```
#4963fa rgb(73,99,250)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#74788e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e7fea Protanopia 1% of men
#0084dc Deuteranopia 1% of men
#3a8d97 Tritanopia 0.001% of the population

Trichromacy

#4a7ae8 Protanomaly 1% of men, 0.01% of women
#227ddf Deuteranomaly 6% of men, 0.4% of women
#4783b3 Tritanomaly 0.01% of the population

#5f72e4 hex color

#5f72e4 Color Information

#5f72e4 Color Conversion

Color Schemes with #5f72e4

Alternatives to #5f72e4

#5f72e4 Preview

Shades and Tints of #5f72e4

Tones of #5f72e4

Color Blindness Simulator