#054de4 hex color

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

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

● #054de4 color description : Vivid blue.

The hexadecimal color #054de4 has RGB values of R:5, G:77, B:228 and CMYK values of C:0.98, M:0.66, Y:0, K:0.11. Its decimal value is 347620.

Hex triplet	054de4	`#054de4`
RGB Decimal	5, 77, 228	`rgb(5,77,228)`
RGB Percent	2, 30.2, 89.4	`rgb(2%,30.2%,89.4%)`
CMYK	98, 66, 0, 11
HSL	220.6°, 95.7, 45.7	`hsl(220.6,95.7%,45.7%)`
HSV (or HSB)	220.6°, 97.8, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.479, 41.007, -80.681
XYZ	16.717, 10.94, 74.625
xyY	0.163, 0.107, 10.94
CIE-LCH	39.479, 90.504, 296.942
CIE-LUV	39.479, -16.735, -115.497
Hunter-Lab	33.076, 32.335, -110.616
Binary	00000101, 01001101, 11100100

#054de4
```
#054de4 rgb(5,77,228)
```
#e49c05
```
#e49c05 rgb(228,156,5)
```

Complementary Color

#05bde4
```
#05bde4 rgb(5,189,228)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#2d05e4
```
#2d05e4 rgb(45,5,228)
```

Analogous Color

#bde405
```
#bde405 rgb(189,228,5)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#e42c05
```
#e42c05 rgb(228,44,5)
```

Split Complementary Color

#4de405
```
#4de405 rgb(77,228,5)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#e4054d
```
#e4054d rgb(228,5,77)
```

Triadic Color

#05e49c
```
#05e49c rgb(5,228,156)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#e4054d
```
#e4054d rgb(228,5,77)
```
#e49c05
```
#e49c05 rgb(228,156,5)
```

Tetradic Color

#033499
```
#033499 rgb(3,52,153)
```
#043cb2
```
#043cb2 rgb(4,60,178)
```
#0445cb
```
#0445cb rgb(4,69,203)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#0957fa
```
#0957fa rgb(9,87,250)
```
#2268fa
```
#2268fa rgb(34,104,250)
```
#3b79fb
```
#3b79fb rgb(59,121,251)
```

Monochromatic Color

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

#0585e4
```
#0585e4 rgb(5,133,228)
```
#0572e4
```
#0572e4 rgb(5,114,228)
```
#0560e4
```
#0560e4 rgb(5,96,228)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#053ae4
```
#053ae4 rgb(5,58,228)
```
#0528e4
```
#0528e4 rgb(5,40,228)
```
#0515e4
```
#0515e4 rgb(5,21,228)
```

Similar Colors

Text with hexadecimal color #054de4

This text has a font color of #054de4.

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

#054de4 background color

This paragraph has a background color of #054de4.

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

#054de4 border color

This element has a border color of #054de4.

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

CSS codes

.text {color:#054de4;}

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

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

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

#000611
```
#000611 rgb(0,6,17)
```
#010c24
```
#010c24 rgb(1,12,36)
```
#011337
```
#011337 rgb(1,19,55)
```
#02194a
```
#02194a rgb(2,25,74)
```
#02205e
```
#02205e rgb(2,32,94)
```
#022671
```
#022671 rgb(2,38,113)
```
#032d84
```
#032d84 rgb(3,45,132)
```
#033397
```
#033397 rgb(3,51,151)
```
#043aaa
```
#043aaa rgb(4,58,170)
```
#0440be
```
#0440be rgb(4,64,190)
```
#0547d1
```
#0547d1 rgb(5,71,209)
```
#054de4
```
#054de4 rgb(5,77,228)
```
#0553f7
```
#0553f7 rgb(5,83,247)
```

Shade Color Variation

#1660fa
```
#1660fa rgb(22,96,250)
```
#2a6dfa
```
#2a6dfa rgb(42,109,250)
```
#3d7afb
```
#3d7afb rgb(61,122,251)
```
#5087fb
```
#5087fb rgb(80,135,251)
```
#6394fc
```
#6394fc rgb(99,148,252)
```
#76a1fc
```
#76a1fc rgb(118,161,252)
```
#89affc
```
#89affc rgb(137,175,252)
```
#9dbcfd
```
#9dbcfd rgb(157,188,253)
```
#b0c9fd
```
#b0c9fd rgb(176,201,253)
```
#c3d6fe
```
#c3d6fe rgb(195,214,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 #054de4 is the most saturated one.

#717378
```
#717378 rgb(113,115,120)
```
#687081
```
#687081 rgb(104,112,129)
```
#5f6d8a
```
#5f6d8a rgb(95,109,138)
```
#566a93
```
#566a93 rgb(86,106,147)
```
#4d669c
```
#4d669c rgb(77,102,156)
```
#4463a5
```
#4463a5 rgb(68,99,165)
```
#3b60ae
```
#3b60ae rgb(59,96,174)
```
#325db7
```
#325db7 rgb(50,93,183)
```
#295ac0
```
#295ac0 rgb(41,90,192)
```
#2057c9
```
#2057c9 rgb(32,87,201)
```
#1753d2
```
#1753d2 rgb(23,83,210)
```
#0e50db
```
#0e50db rgb(14,80,219)
```
#054de4
```
#054de4 rgb(5,77,228)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#015acd Protanomaly 1% of men, 0.01% of women
#015ebc Deuteranomaly 6% of men, 0.4% of women
#01629d Tritanomaly 0.01% of the population

#054de4 hex color

#054de4 Color Information

#054de4 Color Conversion

Color Schemes with #054de4

Alternatives to #054de4

#054de4 Preview

Shades and Tints of #054de4

Tones of #054de4

Color Blindness Simulator