#5271e4 hex color

In a RGB color space, hex #5271e4 is composed of 32.2% red, 44.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 50.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 227.3 degrees, a saturation of 73% and a lightness of 60.8%. #5271e4 color hex could be obtained by blending #a4e2ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 44
- B 89
RGB color chart
- C 64
- M 50
- Y 0
- K 11
CMYK color chart

● #5271e4 color description : Soft blue.

The hexadecimal color #5271e4 has RGB values of R:82, G:113, B:228 and CMYK values of C:0.64, M:0.5, Y:0, K:0.11. Its decimal value is 5403108.

Hex triplet	5271e4	`#5271e4`
RGB Decimal	82, 113, 228	`rgb(82,113,228)`
RGB Percent	32.2, 44.3, 89.4	`rgb(32.2%,44.3%,89.4%)`
CMYK	64, 50, 0, 11
HSL	227.3°, 73, 60.8	`hsl(227.3,73%,60.8%)`
HSV (or HSB)	227.3°, 64, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.925, 24.838, -61.921
XYZ	23.385, 19.204, 75.869
xyY	0.197, 0.162, 19.204
CIE-LCH	50.925, 66.717, 291.857
CIE-LUV	50.925, -16.094, -97.785
Hunter-Lab	43.823, 18.565, -71.971
Binary	01010010, 01110001, 11100100

#5271e4
```
#5271e4 rgb(82,113,228)
```
#e4c552
```
#e4c552 rgb(228,197,82)
```

Complementary Color

#52bae4
```
#52bae4 rgb(82,186,228)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#7c52e4
```
#7c52e4 rgb(124,82,228)
```

Analogous Color

#bae452
```
#bae452 rgb(186,228,82)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#e47c52
```
#e47c52 rgb(228,124,82)
```

Split Complementary Color

#71e452
```
#71e452 rgb(113,228,82)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#e45271
```
#e45271 rgb(228,82,113)
```

Triadic Color

#52e4c5
```
#52e4c5 rgb(82,228,197)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#e45271
```
#e45271 rgb(228,82,113)
```
#e4c552
```
#e4c552 rgb(228,197,82)
```

Tetradic Color

#2044ca
```
#2044ca rgb(32,68,202)
```
#264ddd
```
#264ddd rgb(38,77,221)
```
#3c5fe1
```
#3c5fe1 rgb(60,95,225)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#6883e7
```
#6883e7 rgb(104,131,231)
```
#7e95eb
```
#7e95eb rgb(126,149,235)
```
#94a7ee
```
#94a7ee rgb(148,167,238)
```

Monochromatic Color

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

#5296e4
```
#5296e4 rgb(82,150,228)
```
#5289e4
```
#5289e4 rgb(82,137,228)
```
#527de4
```
#527de4 rgb(82,125,228)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#5265e4
```
#5265e4 rgb(82,101,228)
```
#5259e4
```
#5259e4 rgb(82,89,228)
```
#5852e4
```
#5852e4 rgb(88,82,228)
```

Similar Colors

Text with hexadecimal color #5271e4

This text has a font color of #5271e4.

<span style="color:#5271e4;">Text here</span>

#5271e4 background color

This paragraph has a background color of #5271e4.

<p style="background-color:#5271e4;">Content here</p>

#5271e4 border color

This element has a border color of #5271e4.

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

CSS codes

.text {color:#5271e4;}

.background {background-color:#5271e4;}

.border {border:1px solid #5271e4;}

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, #02050e is the darkest color, while #fcfcfe is the lightest one.

#02050e
```
#02050e rgb(2,5,14)
```
#050a1f
```
#050a1f rgb(5,10,31)
```
#071030
```
#071030 rgb(7,16,48)
```
#0a1641
```
#0a1641 rgb(10,22,65)
```
#0d1b52
```
#0d1b52 rgb(13,27,82)
```
#0f2162
```
#0f2162 rgb(15,33,98)
```
#122773
```
#122773 rgb(18,39,115)
```
#152c84
```
#152c84 rgb(21,44,132)
```
#173295
```
#173295 rgb(23,50,149)
```
#1a38a6
```
#1a38a6 rgb(26,56,166)
```
#1d3db7
```
#1d3db7 rgb(29,61,183)
```
#1f43c8
```
#1f43c8 rgb(31,67,200)
```
#2249d9
```
#2249d9 rgb(34,73,217)
```

Shade Color Variation

#3055df
```
#3055df rgb(48,85,223)
```
#4163e1
```
#4163e1 rgb(65,99,225)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#637fe7
```
#637fe7 rgb(99,127,231)
```
#748de9
```
#748de9 rgb(116,141,233)
```
#859bec
```
#859bec rgb(133,155,236)
```
#96a9ef
```
#96a9ef rgb(150,169,239)
```
#a7b7f1
```
#a7b7f1 rgb(167,183,241)
```
#b8c5f4
```
#b8c5f4 rgb(184,197,244)
```
#c9d2f7
```
#c9d2f7 rgb(201,210,247)
```
#dae0f9
```
#dae0f9 rgb(218,224,249)
```
#ebeefc
```
#ebeefc rgb(235,238,252)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97999f is the less saturated color, while #3b64fb is the most saturated one.

#97999f
```
#97999f rgb(151,153,159)
```
#9094a6
```
#9094a6 rgb(144,148,166)
```
#8890ae
```
#8890ae rgb(136,144,174)
```
#808cb6
```
#808cb6 rgb(128,140,182)
```
#7887be
```
#7887be rgb(120,135,190)
```
#7183c5
```
#7183c5 rgb(113,131,197)
```
#697ecd
```
#697ecd rgb(105,126,205)
```
#617ad5
```
#617ad5 rgb(97,122,213)
```
#5a75dc
```
#5a75dc rgb(90,117,220)
```
#5271e4
```
#5271e4 rgb(82,113,228)
```
#4a6dec
```
#4a6dec rgb(74,109,236)
```
#4368f3
```
#4368f3 rgb(67,104,243)
```
#3b64fb
```
#3b64fb rgb(59,100,251)
```

Tone Color Variation

Below, you can see how #5271e4 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

#757575 Achromatopsia 0.005% of the population
#6e748b Atypical Achromatopsia 0.001% of the population

Dichromacy

#377ce9 Protanopia 1% of men
#0082d8 Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#4178e7 Protanomaly 1% of men, 0.01% of women
#1d7cdc Deuteranomaly 6% of men, 0.4% of women
#1d82b2 Tritanomaly 0.01% of the population

#5271e4 hex color

#5271e4 Color Information

#5271e4 Color Conversion

Color Schemes with #5271e4

Alternatives to #5271e4

#5271e4 Preview

Shades and Tints of #5271e4

Tones of #5271e4

Color Blindness Simulator