#053ae4 hex color

In a RGB color space, hex #053ae4 is composed of 2% red, 22.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 74.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 225.7 degrees, a saturation of 95.7% and a lightness of 45.7%. #053ae4 color hex could be obtained by blending #0a74ff with #0000c9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 23
- B 89
RGB color chart
- C 98
- M 75
- Y 0
- K 11
CMYK color chart

● #053ae4 color description : Vivid blue.

The hexadecimal color #053ae4 has RGB values of R:5, G:58, B:228 and CMYK values of C:0.98, M:0.75, Y:0, K:0.11. Its decimal value is 342756.

Hex triplet	053ae4	`#053ae4`
RGB Decimal	5, 58, 228	`rgb(5,58,228)`
RGB Percent	2, 22.7, 89.4	`rgb(2%,22.7%,89.4%)`
CMYK	98, 75, 0, 11
HSL	225.7°, 95.7, 45.7	`hsl(225.7,95.7%,45.7%)`
HSV (or HSB)	225.7°, 97.8, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.318, 52.419, -87.555
XYZ	15.576, 8.659, 74.245
xyY	0.158, 0.088, 8.659
CIE-LCH	35.318, 102.047, 300.909
CIE-LUV	35.318, -13.14, -117.855
Hunter-Lab	29.425, 42.995, -129
Binary	00000101, 00111010, 11100100

#053ae4
```
#053ae4 rgb(5,58,228)
```
#e4af05
```
#e4af05 rgb(228,175,5)
```

Complementary Color

#05aae4
```
#05aae4 rgb(5,170,228)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#3f05e4
```
#3f05e4 rgb(63,5,228)
```

Analogous Color

#aae405
```
#aae405 rgb(170,228,5)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#e44005
```
#e44005 rgb(228,64,5)
```

Split Complementary Color

#3ae405
```
#3ae405 rgb(58,228,5)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#e4053a
```
#e4053a rgb(228,5,58)
```

Triadic Color

#05e4af
```
#05e4af rgb(5,228,175)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#e4053a
```
#e4053a rgb(228,5,58)
```
#e4af05
```
#e4af05 rgb(228,175,5)
```

Tetradic Color

#032799
```
#032799 rgb(3,39,153)
```
#042db2
```
#042db2 rgb(4,45,178)
```
#0434cb
```
#0434cb rgb(4,52,203)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#0942fa
```
#0942fa rgb(9,66,250)
```
#2255fa
```
#2255fa rgb(34,85,250)
```
#3b68fb
```
#3b68fb rgb(59,104,251)
```

Monochromatic Color

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

#0572e4
```
#0572e4 rgb(5,114,228)
```
#055fe4
```
#055fe4 rgb(5,95,228)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#0527e4
```
#0527e4 rgb(5,39,228)
```
#0515e4
```
#0515e4 rgb(5,21,228)
```
#0805e4
```
#0805e4 rgb(8,5,228)
```

Similar Colors

Text with hexadecimal color #053ae4

This text has a font color of #053ae4.

<span style="color:#053ae4;">Text here</span>

#053ae4 background color

This paragraph has a background color of #053ae4.

<p style="background-color:#053ae4;">Content here</p>

#053ae4 border color

This element has a border color of #053ae4.

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

CSS codes

.text {color:#053ae4;}

.background {background-color:#053ae4;}

.border {border:1px solid #053ae4;}

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

#000411
```
#000411 rgb(0,4,17)
```
#010924
```
#010924 rgb(1,9,36)
```
#010e37
```
#010e37 rgb(1,14,55)
```
#02134a
```
#02134a rgb(2,19,74)
```
#02185e
```
#02185e rgb(2,24,94)
```
#021d71
```
#021d71 rgb(2,29,113)
```
#032284
```
#032284 rgb(3,34,132)
```
#032697
```
#032697 rgb(3,38,151)
```
#042baa
```
#042baa rgb(4,43,170)
```
#0430be
```
#0430be rgb(4,48,190)
```
#0535d1
```
#0535d1 rgb(5,53,209)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#053ff7
```
#053ff7 rgb(5,63,247)
```

Shade Color Variation

#164cfa
```
#164cfa rgb(22,76,250)
```
#2a5bfa
```
#2a5bfa rgb(42,91,250)
```
#3d6afb
```
#3d6afb rgb(61,106,251)
```
#5079fb
```
#5079fb rgb(80,121,251)
```
#6387fc
```
#6387fc rgb(99,135,252)
```
#7696fc
```
#7696fc rgb(118,150,252)
```
#89a5fc
```
#89a5fc rgb(137,165,252)
```
#9db4fd
```
#9db4fd rgb(157,180,253)
```
#b0c2fd
```
#b0c2fd rgb(176,194,253)
```
#c3d1fe
```
#c3d1fe rgb(195,209,254)
```
#d6e0fe
```
#d6e0fe rgb(214,224,254)
```
#e9eeff
```
#e9eeff rgb(233,238,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#717278
```
#717278 rgb(113,114,120)
```
#686e81
```
#686e81 rgb(104,110,129)
```
#5f698a
```
#5f698a rgb(95,105,138)
```
#566493
```
#566493 rgb(86,100,147)
```
#4d609c
```
#4d609c rgb(77,96,156)
```
#445ba5
```
#445ba5 rgb(68,91,165)
```
#3b56ae
```
#3b56ae rgb(59,86,174)
```
#3252b7
```
#3252b7 rgb(50,82,183)
```
#294dc0
```
#294dc0 rgb(41,77,192)
```
#2048c9
```
#2048c9 rgb(32,72,201)
```
#1743d2
```
#1743d2 rgb(23,67,210)
```
#0e3fdb
```
#0e3fdb rgb(14,63,219)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```

Tone Color Variation

Below, you can see how #053ae4 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

#3e3e3e Achromatopsia 0.005% of the population
#333d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#014ec1 Protanomaly 1% of men, 0.01% of women
#0151b2 Deuteranomaly 6% of men, 0.4% of women
#015596 Tritanomaly 0.01% of the population

#053ae4 hex color

#053ae4 Color Information

#053ae4 Color Conversion

Color Schemes with #053ae4

Alternatives to #053ae4

#053ae4 Preview

Shades and Tints of #053ae4

Tones of #053ae4

Color Blindness Simulator