#5a72be hex color

In a RGB color space, hex #5a72be is composed of 35.3% red, 44.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 40% magenta, 0% yellow and 25.5% black. It has a hue angle of 225.6 degrees, a saturation of 43.5% and a lightness of 54.9%. #5a72be color hex could be obtained by blending #b4e4ff with #00007d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 45
- B 75
RGB color chart
- C 53
- M 40
- Y 0
- K 25
CMYK color chart

● #5a72be color description : Moderate blue.

The hexadecimal color #5a72be has RGB values of R:90, G:114, B:190 and CMYK values of C:0.53, M:0.4, Y:0, K:0.25. Its decimal value is 5927614.

Hex triplet	5a72be	`#5a72be`
RGB Decimal	90, 114, 190	`rgb(90,114,190)`
RGB Percent	35.3, 44.7, 74.5	`rgb(35.3%,44.7%,74.5%)`
CMYK	53, 40, 0, 25
HSL	225.6°, 43.5, 54.9	`hsl(225.6,43.5%,54.9%)`
HSV (or HSB)	225.6°, 52.6, 74.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.405, 13.108, -42.7
XYZ	19.526, 17.925, 51.143
xyY	0.22, 0.202, 17.925
CIE-LCH	49.405, 44.667, 287.066
CIE-LUV	49.405, -13.53, -66.287
Hunter-Lab	42.338, 8.232, -41.984
Binary	01011010, 01110010, 10111110

#5a72be
```
#5a72be rgb(90,114,190)
```
#bea65a
```
#bea65a rgb(190,166,90)
```

Complementary Color

#5aa4be
```
#5aa4be rgb(90,164,190)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#745abe
```
#745abe rgb(116,90,190)
```

Analogous Color

#a4be5a
```
#a4be5a rgb(164,190,90)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#be745a
```
#be745a rgb(190,116,90)
```

Split Complementary Color

#72be5a
```
#72be5a rgb(114,190,90)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#be5a72
```
#be5a72 rgb(190,90,114)
```

Triadic Color

#5abea6
```
#5abea6 rgb(90,190,166)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#be5a72
```
#be5a72 rgb(190,90,114)
```
#bea65a
```
#bea65a rgb(190,166,90)
```

Tetradic Color

#3a4f92
```
#3a4f92 rgb(58,79,146)
```
#4159a4
```
#4159a4 rgb(65,89,164)
```
#4862b7
```
#4862b7 rgb(72,98,183)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#6c82c5
```
#6c82c5 rgb(108,130,197)
```
#7f91cc
```
#7f91cc rgb(127,145,204)
```
#91a1d4
```
#91a1d4 rgb(145,161,212)
```

Monochromatic Color

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

#5a8bbe
```
#5a8bbe rgb(90,139,190)
```
#5a83be
```
#5a83be rgb(90,131,190)
```
#5a7abe
```
#5a7abe rgb(90,122,190)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#5a6abe
```
#5a6abe rgb(90,106,190)
```
#5a61be
```
#5a61be rgb(90,97,190)
```
#5b5abe
```
#5b5abe rgb(91,90,190)
```

Similar Colors

Text with hexadecimal color #5a72be

This text has a font color of #5a72be.

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

#5a72be background color

This paragraph has a background color of #5a72be.

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

#5a72be border color

This element has a border color of #5a72be.

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

CSS codes

.text {color:#5a72be;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0d1120
```
#0d1120 rgb(13,17,32)
```
#12192e
```
#12192e rgb(18,25,46)
```
#18203c
```
#18203c rgb(24,32,60)
```
#1d284a
```
#1d284a rgb(29,40,74)
```
#233058
```
#233058 rgb(35,48,88)
```
#283766
```
#283766 rgb(40,55,102)
```
#2e3f74
```
#2e3f74 rgb(46,63,116)
```
#334683
```
#334683 rgb(51,70,131)
```
#394e91
```
#394e91 rgb(57,78,145)
```
#3f569f
```
#3f569f rgb(63,86,159)
```
#445dad
```
#445dad rgb(68,93,173)
```

Shade Color Variation

#4c66b8
```
#4c66b8 rgb(76,102,184)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#687ec4
```
#687ec4 rgb(104,126,196)
```
#768ac9
```
#768ac9 rgb(118,138,201)
```
#8496cf
```
#8496cf rgb(132,150,207)
```
#92a2d4
```
#92a2d4 rgb(146,162,212)
```
#a0aeda
```
#a0aeda rgb(160,174,218)
```
#aebadf
```
#aebadf rgb(174,186,223)
```
#bdc6e5
```
#bdc6e5 rgb(189,198,229)
```
#cbd2ea
```
#cbd2ea rgb(203,210,234)
```
#d9def0
```
#d9def0 rgb(217,222,240)
```
#e7eaf5
```
#e7eaf5 rgb(231,234,245)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#868992
```
#868992 rgb(134,137,146)
```
#7d849b
```
#7d849b rgb(125,132,155)
```
#7580a3
```
#7580a3 rgb(117,128,163)
```
#6c7bac
```
#6c7bac rgb(108,123,172)
```
#6377b5
```
#6377b5 rgb(99,119,181)
```
#5a72be
```
#5a72be rgb(90,114,190)
```
#516dc7
```
#516dc7 rgb(81,109,199)
```
#4869d0
```
#4869d0 rgb(72,105,208)
```
#3f64d9
```
#3f64d9 rgb(63,100,217)
```
#3760e1
```
#3760e1 rgb(55,96,225)
```
#2e5bea
```
#2e5bea rgb(46,91,234)
```
#2556f3
```
#2556f3 rgb(37,86,243)
```
#1c52fc
```
#1c52fc rgb(28,82,252)
```

Tone Color Variation

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

Dichromacy

#5d7ac2 Protanopia 1% of men
#507cbf Deuteranopia 1% of men
#4c848e Tritanopia 0.001% of the population

Trichromacy

#5c77c0 Protanomaly 1% of men, 0.01% of women
#5478bf Deuteranomaly 6% of men, 0.4% of women
#517e9f Tritanomaly 0.01% of the population

#5a72be hex color

#5a72be Color Information

#5a72be Color Conversion

Color Schemes with #5a72be

Alternatives to #5a72be

#5a72be Preview

Shades and Tints of #5a72be

Tones of #5a72be

Color Blindness Simulator