#5f72dd hex color

In a RGB color space, hex #5f72dd is composed of 37.3% red, 44.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 48.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 231 degrees, a saturation of 64.9% and a lightness of 62%. #5f72dd color hex could be obtained by blending #bee4ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 45
- B 87
RGB color chart
- C 57
- M 48
- Y 0
- K 13
CMYK color chart

● #5f72dd color description : Soft blue.

The hexadecimal color #5f72dd has RGB values of R:95, G:114, B:221 and CMYK values of C:0.57, M:0.48, Y:0, K:0.13. Its decimal value is 6255325.

Hex triplet	5f72dd	`#5f72dd`
RGB Decimal	95, 114, 221	`rgb(95,114,221)`
RGB Percent	37.3, 44.7, 86.7	`rgb(37.3%,44.7%,86.7%)`
CMYK	57, 48, 0, 13
HSL	231°, 64.9, 62	`hsl(231,64.9%,62%)`
HSV (or HSB)	231°, 57, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.481, 24.216, -57.044
XYZ	23.785, 19.687, 70.949
xyY	0.208, 0.172, 19.687
CIE-LCH	51.481, 61.971, 293.002
CIE-LUV	51.481, -12.705, -90.515
Hunter-Lab	44.37, 18.04, -63.748
Binary	01011111, 01110010, 11011101

#5f72dd
```
#5f72dd rgb(95,114,221)
```
#ddca5f
```
#ddca5f rgb(221,202,95)
```

Complementary Color

#5fb1dd
```
#5fb1dd rgb(95,177,221)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#8b5fdd
```
#8b5fdd rgb(139,95,221)
```

Analogous Color

#b1dd5f
```
#b1dd5f rgb(177,221,95)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#dd8b5f
```
#dd8b5f rgb(221,139,95)
```

Split Complementary Color

#72dd5f
```
#72dd5f rgb(114,221,95)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#dd5f72
```
#dd5f72 rgb(221,95,114)
```

Triadic Color

#5fddca
```
#5fddca rgb(95,221,202)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#dd5f72
```
#dd5f72 rgb(221,95,114)
```
#ddca5f
```
#ddca5f rgb(221,202,95)
```

Tetradic Color

#2a41c6
```
#2a41c6 rgb(42,65,198)
```
#354dd4
```
#354dd4 rgb(53,77,212)
```
#4a5fd9
```
#4a5fd9 rgb(74,95,217)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#7485e1
```
#7485e1 rgb(116,133,225)
```
#8997e6
```
#8997e6 rgb(137,151,230)
```
#9eaaea
```
#9eaaea rgb(158,170,234)
```

Monochromatic Color

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

#5f92dd
```
#5f92dd rgb(95,146,221)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#5f7ddd
```
#5f7ddd rgb(95,125,221)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#5f68dd
```
#5f68dd rgb(95,104,221)
```
#615fdd
```
#615fdd rgb(97,95,221)
```
#6c5fdd
```
#6c5fdd rgb(108,95,221)
```

Similar Colors

Text with hexadecimal color #5f72dd

This text has a font color of #5f72dd.

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

#5f72dd background color

This paragraph has a background color of #5f72dd.

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

#5f72dd border color

This element has a border color of #5f72dd.

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

CSS codes

.text {color:#5f72dd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#070b22
```
#070b22 rgb(7,11,34)
```
#0b1132
```
#0b1132 rgb(11,17,50)
```
#0e1642
```
#0e1642 rgb(14,22,66)
```
#121b53
```
#121b53 rgb(18,27,83)
```
#152163
```
#152163 rgb(21,33,99)
```
#182673
```
#182673 rgb(24,38,115)
```
#1c2b83
```
#1c2b83 rgb(28,43,131)
```
#1f3193
```
#1f3193 rgb(31,49,147)
```
#2336a4
```
#2336a4 rgb(35,54,164)
```
#263cb4
```
#263cb4 rgb(38,60,180)
```
#2a41c4
```
#2a41c4 rgb(42,65,196)
```

Shade Color Variation

#2e47d3
```
#2e47d3 rgb(46,71,211)
```
#3f55d6
```
#3f55d6 rgb(63,85,214)
```
#4f64da
```
#4f64da rgb(79,100,218)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#6f80e0
```
#6f80e0 rgb(111,128,224)
```
#7f8fe4
```
#7f8fe4 rgb(127,143,228)
```
#909de7
```
#909de7 rgb(144,157,231)
```
#a0abeb
```
#a0abeb rgb(160,171,235)
```
#b0b9ee
```
#b0b9ee rgb(176,185,238)
```
#c0c8f2
```
#c0c8f2 rgb(192,200,242)
```
#d0d6f5
```
#d0d6f5 rgb(208,214,245)
```
#e0e4f9
```
#e0e4f9 rgb(224,228,249)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

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

#9b9ca1
```
#9b9ca1 rgb(155,156,161)
```
#9396a9
```
#9396a9 rgb(147,150,169)
```
#8c91b0
```
#8c91b0 rgb(140,145,176)
```
#848cb8
```
#848cb8 rgb(132,140,184)
```
#7d87bf
```
#7d87bf rgb(125,135,191)
```
#7582c7
```
#7582c7 rgb(117,130,199)
```
#6e7cce
```
#6e7cce rgb(110,124,206)
```
#6677d6
```
#6677d6 rgb(102,119,214)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#586de4
```
#586de4 rgb(88,109,228)
```
#5068ec
```
#5068ec rgb(80,104,236)
```
#4962f3
```
#4962f3 rgb(73,98,243)
```
#415dfb
```
#415dfb rgb(65,93,251)
```

Tone Color Variation

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

Dichromacy

#477ee3 Protanopia 1% of men
#1c83da Deuteranopia 1% of men
#408b95 Tritanopia 0.001% of the population

Trichromacy

#4f79e0 Protanomaly 1% of men, 0.01% of women
#347ddb Deuteranomaly 6% of men, 0.4% of women
#4b82af Tritanomaly 0.01% of the population

#5f72dd hex color

#5f72dd Color Information

#5f72dd Color Conversion

Color Schemes with #5f72dd

Alternatives to #5f72dd

#5f72dd Preview

Shades and Tints of #5f72dd

Tones of #5f72dd

Color Blindness Simulator