#054ed4 hex color

In a RGB color space, hex #054ed4 is composed of 2% red, 30.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 63.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 218.8 degrees, a saturation of 95.4% and a lightness of 42.5%. #054ed4 color hex could be obtained by blending #0a9cff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 31
- B 83
RGB color chart
- C 98
- M 63
- Y 0
- K 17
CMYK color chart

● #054ed4 color description : Strong blue.

The hexadecimal color #054ed4 has RGB values of R:5, G:78, B:212 and CMYK values of C:0.98, M:0.63, Y:0, K:0.17. Its decimal value is 347860.

Hex triplet	054ed4	`#054ed4`
RGB Decimal	5, 78, 212	`rgb(5,78,212)`
RGB Percent	2, 30.6, 83.1	`rgb(2%,30.6%,83.1%)`
CMYK	98, 63, 0, 17
HSL	218.8°, 95.4, 42.5	`hsl(218.8,95.4%,42.5%)`
HSV (or HSB)	218.8°, 97.6, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.258, 34.324, -73.536
XYZ	14.668, 10.233, 63.486
xyY	0.166, 0.116, 10.233
CIE-LCH	38.258, 81.152, 295.021
CIE-LUV	38.258, -17.027, -105.202
Hunter-Lab	31.989, 25.866, -95.274
Binary	00000101, 01001110, 11010100

#054ed4
```
#054ed4 rgb(5,78,212)
```
#d48b05
```
#d48b05 rgb(212,139,5)
```

Complementary Color

#05b6d4
```
#05b6d4 rgb(5,182,212)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```
#2405d4
```
#2405d4 rgb(36,5,212)
```

Analogous Color

#b6d405
```
#b6d405 rgb(182,212,5)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```
#d42405
```
#d42405 rgb(212,36,5)
```

Split Complementary Color

#4ed405
```
#4ed405 rgb(78,212,5)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```
#d4054e
```
#d4054e rgb(212,5,78)
```

Triadic Color

#05d48b
```
#05d48b rgb(5,212,139)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```
#d4054e
```
#d4054e rgb(212,5,78)
```
#d48b05
```
#d48b05 rgb(212,139,5)
```

Tetradic Color

#033389
```
#033389 rgb(3,51,137)
```
#043ca2
```
#043ca2 rgb(4,60,162)
```
#0445bb
```
#0445bb rgb(4,69,187)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```
#0657ed
```
#0657ed rgb(6,87,237)
```
#1364f9
```
#1364f9 rgb(19,100,249)
```
#2b74fa
```
#2b74fa rgb(43,116,250)
```

Monochromatic Color

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

#0582d4
```
#0582d4 rgb(5,130,212)
```
#0571d4
```
#0571d4 rgb(5,113,212)
```
#055fd4
```
#055fd4 rgb(5,95,212)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```
#053dd4
```
#053dd4 rgb(5,61,212)
```
#052bd4
```
#052bd4 rgb(5,43,212)
```
#051ad4
```
#051ad4 rgb(5,26,212)
```

Similar Colors

Text with hexadecimal color #054ed4

This text has a font color of #054ed4.

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

#054ed4 background color

This paragraph has a background color of #054ed4.

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

#054ed4 border color

This element has a border color of #054ed4.

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

CSS codes

.text {color:#054ed4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000714
```
#000714 rgb(0,7,20)
```
#010f28
```
#010f28 rgb(1,15,40)
```
#01163b
```
#01163b rgb(1,22,59)
```
#021d4e
```
#021d4e rgb(2,29,78)
```
#022461
```
#022461 rgb(2,36,97)
```
#032b74
```
#032b74 rgb(3,43,116)
```
#033287
```
#033287 rgb(3,50,135)
```
#04399b
```
#04399b rgb(4,57,155)
```
#0440ae
```
#0440ae rgb(4,64,174)
```
#0547c1
```
#0547c1 rgb(5,71,193)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```
#0555e7
```
#0555e7 rgb(5,85,231)
```

Shade Color Variation

#075cf9
```
#075cf9 rgb(7,92,249)
```
#1a69fa
```
#1a69fa rgb(26,105,250)
```
#2d76fa
```
#2d76fa rgb(45,118,250)
```
#4182fb
```
#4182fb rgb(65,130,251)
```
#548ffb
```
#548ffb rgb(84,143,251)
```
#679bfb
```
#679bfb rgb(103,155,251)
```
#7aa8fc
```
#7aa8fc rgb(122,168,252)
```
#8db4fc
```
#8db4fc rgb(141,180,252)
```
#a0c1fd
```
#a0c1fd rgb(160,193,253)
```
#b4cefd
```
#b4cefd rgb(180,206,253)
```
#c7dafe
```
#c7dafe rgb(199,218,254)
```
#dae7fe
```
#dae7fe rgb(218,231,254)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```

Tint Color Variation

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

#696c70
```
#696c70 rgb(105,108,112)
```
#616978
```
#616978 rgb(97,105,120)
```
#586781
```
#586781 rgb(88,103,129)
```
#506489
```
#506489 rgb(80,100,137)
```
#486291
```
#486291 rgb(72,98,145)
```
#3f5f9a
```
#3f5f9a rgb(63,95,154)
```
#375da2
```
#375da2 rgb(55,93,162)
```
#2f5aaa
```
#2f5aaa rgb(47,90,170)
```
#2658b3
```
#2658b3 rgb(38,88,179)
```
#1e55bb
```
#1e55bb rgb(30,85,187)
```
#1653c3
```
#1653c3 rgb(22,83,195)
```
#0d50cc
```
#0d50cc rgb(13,80,204)
```
#054ed4
```
#054ed4 rgb(5,78,212)
```

Tone Color Variation

Below, you can see how #054ed4 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
#3a4863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0159c3 Protanomaly 1% of men, 0.01% of women
#015cb4 Deuteranomaly 6% of men, 0.4% of women
#016195 Tritanomaly 0.01% of the population

#054ed4 hex color

#054ed4 Color Information

#054ed4 Color Conversion

Color Schemes with #054ed4

Alternatives to #054ed4

#054ed4 Preview

Shades and Tints of #054ed4

Tones of #054ed4

Color Blindness Simulator