#5f72aa hex color

In a RGB color space, hex #5f72aa is composed of 37.3% red, 44.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 32.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 224.8 degrees, a saturation of 30.6% and a lightness of 52%. #5f72aa color hex could be obtained by blending #bee4ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 45
- B 67
RGB color chart
- C 44
- M 33
- Y 0
- K 33
CMYK color chart

● #5f72aa color description : Mostly desaturated dark blue.

The hexadecimal color #5f72aa has RGB values of R:95, G:114, B:170 and CMYK values of C:0.44, M:0.33, Y:0, K:0.33. Its decimal value is 6255274.

Hex triplet	5f72aa	`#5f72aa`
RGB Decimal	95, 114, 170	`rgb(95,114,170)`
RGB Percent	37.3, 44.7, 66.7	`rgb(37.3%,44.7%,66.7%)`
CMYK	44, 33, 0, 33
HSL	224.8°, 30.6, 52	`hsl(224.8,30.6%,52%)`
HSV (or HSB)	224.8°, 44.1, 66.7
Web Safe	666699	`#666699`

CIE-LAB	48.722, 8.109, -32.165
XYZ	17.991, 17.369, 40.433
xyY	0.237, 0.229, 17.369
CIE-LCH	48.722, 33.171, 284.151
CIE-LUV	48.722, -11.308, -48.999
Hunter-Lab	41.676, 4.121, -28.347
Binary	01011111, 01110010, 10101010

#5f72aa
```
#5f72aa rgb(95,114,170)
```
#aa975f
```
#aa975f rgb(170,151,95)
```

Complementary Color

#5f98aa
```
#5f98aa rgb(95,152,170)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```
#725faa
```
#725faa rgb(114,95,170)
```

Analogous Color

#98aa5f
```
#98aa5f rgb(152,170,95)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```
#aa725f
```
#aa725f rgb(170,114,95)
```

Split Complementary Color

#72aa5f
```
#72aa5f rgb(114,170,95)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```
#aa5f72
```
#aa5f72 rgb(170,95,114)
```

Triadic Color

#5faa97
```
#5faa97 rgb(95,170,151)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```
#aa5f72
```
#aa5f72 rgb(170,95,114)
```
#aa975f
```
#aa975f rgb(170,151,95)
```

Tetradic Color

#41507b
```
#41507b rgb(65,80,123)
```
#4a5b8c
```
#4a5b8c rgb(74,91,140)
```
#53669c
```
#53669c rgb(83,102,156)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```
#7081b3
```
#7081b3 rgb(112,129,179)
```
#808fbc
```
#808fbc rgb(128,143,188)
```
#919ec5
```
#919ec5 rgb(145,158,197)
```

Monochromatic Color

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

#5f85aa
```
#5f85aa rgb(95,133,170)
```
#5f7faa
```
#5f7faa rgb(95,127,170)
```
#5f78aa
```
#5f78aa rgb(95,120,170)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```
#5f6caa
```
#5f6caa rgb(95,108,170)
```
#5f66aa
```
#5f66aa rgb(95,102,170)
```
#5f5faa
```
#5f5faa rgb(95,95,170)
```

Similar Colors

Text with hexadecimal color #5f72aa

This text has a font color of #5f72aa.

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

#5f72aa background color

This paragraph has a background color of #5f72aa.

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

#5f72aa border color

This element has a border color of #5f72aa.

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

CSS codes

.text {color:#5f72aa;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0d13
```
#0a0d13 rgb(10,13,19)
```
#111520
```
#111520 rgb(17,21,32)
```
#181d2d
```
#181d2d rgb(24,29,45)
```
#1f263a
```
#1f263a rgb(31,38,58)
```
#252e47
```
#252e47 rgb(37,46,71)
```
#2c3653
```
#2c3653 rgb(44,54,83)
```
#333f60
```
#333f60 rgb(51,63,96)
```
#3a476d
```
#3a476d rgb(58,71,109)
```
#414f7a
```
#414f7a rgb(65,79,122)
```
#485887
```
#485887 rgb(72,88,135)
```
#4e6093
```
#4e6093 rgb(78,96,147)
```
#5568a0
```
#5568a0 rgb(85,104,160)
```

Shade Color Variation

#5f72aa
```
#5f72aa rgb(95,114,170)
```
#6c7db1
```
#6c7db1 rgb(108,125,177)
```
#7989b8
```
#7989b8 rgb(121,137,184)
```
#8594be
```
#8594be rgb(133,148,190)
```
#929fc5
```
#929fc5 rgb(146,159,197)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#acb6d3
```
#acb6d3 rgb(172,182,211)
```
#b9c1da
```
#b9c1da rgb(185,193,218)
```
#c5cce0
```
#c5cce0 rgb(197,204,224)
```
#d2d8e7
```
#d2d8e7 rgb(210,216,231)
```
#dfe3ee
```
#dfe3ee rgb(223,227,238)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b808e is the less saturated color, while #0a48ff is the most saturated one.

#7b808e
```
#7b808e rgb(123,128,142)
```
#727b97
```
#727b97 rgb(114,123,151)
```
#6877a1
```
#6877a1 rgb(104,119,161)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```
#566db3
```
#566db3 rgb(86,109,179)
```
#4c69bd
```
#4c69bd rgb(76,105,189)
```
#4364c6
```
#4364c6 rgb(67,100,198)
```
#395fd0
```
#395fd0 rgb(57,95,208)
```
#305bd9
```
#305bd9 rgb(48,91,217)
```
#2656e3
```
#2656e3 rgb(38,86,227)
```
#1d51ec
```
#1d51ec rgb(29,81,236)
```
#144df5
```
#144df5 rgb(20,77,245)
```
#0a48ff
```
#0a48ff rgb(10,72,255)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6f737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6879ae Protanopia 1% of men
#637aae Deuteranopia 1% of men
#5a808a Tritanopia 0.001% of the population

Trichromacy

#6476ac Protanomaly 1% of men, 0.01% of women
#6277ac Deuteranomaly 6% of men, 0.4% of women
#5c7b95 Tritanomaly 0.01% of the population

#5f72aa hex color

#5f72aa Color Information

#5f72aa Color Conversion

Color Schemes with #5f72aa

Alternatives to #5f72aa

#5f72aa Preview

Shades and Tints of #5f72aa

Tones of #5f72aa

Color Blindness Simulator