#054ae4 hex color

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

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

● #054ae4 color description : Vivid blue.

The hexadecimal color #054ae4 has RGB values of R:5, G:74, B:228 and CMYK values of C:0.98, M:0.68, Y:0, K:0.11. Its decimal value is 346852.

Hex triplet	054ae4	`#054ae4`
RGB Decimal	5, 74, 228	`rgb(5,74,228)`
RGB Percent	2, 29, 89.4	`rgb(2%,29%,89.4%)`
CMYK	98, 68, 0, 11
HSL	221.4°, 95.7, 45.7	`hsl(221.4,95.7%,45.7%)`
HSV (or HSB)	221.4°, 97.8, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.777, 42.883, -81.838
XYZ	16.512, 10.53, 74.557
xyY	0.163, 0.104, 10.53
CIE-LCH	38.777, 92.393, 297.655
CIE-LUV	38.777, -16.103, -116.096
Hunter-Lab	32.45, 34.042, -113.51
Binary	00000101, 01001010, 11100100

#054ae4
```
#054ae4 rgb(5,74,228)
```
#e49f05
```
#e49f05 rgb(228,159,5)
```

Complementary Color

#05bae4
```
#05bae4 rgb(5,186,228)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#2f05e4
```
#2f05e4 rgb(47,5,228)
```

Analogous Color

#bae405
```
#bae405 rgb(186,228,5)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#e42f05
```
#e42f05 rgb(228,47,5)
```

Split Complementary Color

#4ae405
```
#4ae405 rgb(74,228,5)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#e4054a
```
#e4054a rgb(228,5,74)
```

Triadic Color

#05e49f
```
#05e49f rgb(5,228,159)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#e4054a
```
#e4054a rgb(228,5,74)
```
#e49f05
```
#e49f05 rgb(228,159,5)
```

Tetradic Color

#033299
```
#033299 rgb(3,50,153)
```
#043ab2
```
#043ab2 rgb(4,58,178)
```
#0442cb
```
#0442cb rgb(4,66,203)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#0953fa
```
#0953fa rgb(9,83,250)
```
#2265fa
```
#2265fa rgb(34,101,250)
```
#3b76fb
```
#3b76fb rgb(59,118,251)
```

Monochromatic Color

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

#0582e4
```
#0582e4 rgb(5,130,228)
```
#056fe4
```
#056fe4 rgb(5,111,228)
```
#055de4
```
#055de4 rgb(5,93,228)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#0537e4
```
#0537e4 rgb(5,55,228)
```
#0525e4
```
#0525e4 rgb(5,37,228)
```
#0512e4
```
#0512e4 rgb(5,18,228)
```

Similar Colors

Text with hexadecimal color #054ae4

This text has a font color of #054ae4.

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

#054ae4 background color

This paragraph has a background color of #054ae4.

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

#054ae4 border color

This element has a border color of #054ae4.

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

CSS codes

.text {color:#054ae4;}

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

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

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

#000511
```
#000511 rgb(0,5,17)
```
#010c24
```
#010c24 rgb(1,12,36)
```
#011237
```
#011237 rgb(1,18,55)
```
#02184a
```
#02184a rgb(2,24,74)
```
#021e5e
```
#021e5e rgb(2,30,94)
```
#022571
```
#022571 rgb(2,37,113)
```
#032b84
```
#032b84 rgb(3,43,132)
```
#033197
```
#033197 rgb(3,49,151)
```
#0437aa
```
#0437aa rgb(4,55,170)
```
#043ebe
```
#043ebe rgb(4,62,190)
```
#0544d1
```
#0544d1 rgb(5,68,209)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#0550f7
```
#0550f7 rgb(5,80,247)
```

Shade Color Variation

#165dfa
```
#165dfa rgb(22,93,250)
```
#2a6afa
```
#2a6afa rgb(42,106,250)
```
#3d78fb
```
#3d78fb rgb(61,120,251)
```
#5085fb
```
#5085fb rgb(80,133,251)
```
#6392fc
```
#6392fc rgb(99,146,252)
```
#76a0fc
```
#76a0fc rgb(118,160,252)
```
#89adfc
```
#89adfc rgb(137,173,252)
```
#9dbafd
```
#9dbafd rgb(157,186,253)
```
#b0c8fd
```
#b0c8fd rgb(176,200,253)
```
#c3d5fe
```
#c3d5fe rgb(195,213,254)
```
#d6e3fe
```
#d6e3fe rgb(214,227,254)
```
#e9f0ff
```
#e9f0ff rgb(233,240,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#717378
```
#717378 rgb(113,115,120)
```
#687081
```
#687081 rgb(104,112,129)
```
#5f6c8a
```
#5f6c8a rgb(95,108,138)
```
#566993
```
#566993 rgb(86,105,147)
```
#4d659c
```
#4d659c rgb(77,101,156)
```
#4462a5
```
#4462a5 rgb(68,98,165)
```
#3b5eae
```
#3b5eae rgb(59,94,174)
```
#325bb7
```
#325bb7 rgb(50,91,183)
```
#2958c0
```
#2958c0 rgb(41,88,192)
```
#2054c9
```
#2054c9 rgb(32,84,201)
```
#1751d2
```
#1751d2 rgb(23,81,210)
```
#0e4ddb
```
#0e4ddb rgb(14,77,219)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3a4866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0158cb Protanomaly 1% of men, 0.01% of women
#015cbb Deuteranomaly 6% of men, 0.4% of women
#01609c Tritanomaly 0.01% of the population

#054ae4 hex color

#054ae4 Color Information

#054ae4 Color Conversion

Color Schemes with #054ae4

Alternatives to #054ae4

#054ae4 Preview

Shades and Tints of #054ae4

Tones of #054ae4

Color Blindness Simulator