#054cdf hex color

In a RGB color space, hex #054cdf is composed of 2% red, 29.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 65.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 220.5 degrees, a saturation of 95.6% and a lightness of 44.7%. #054cdf color hex could be obtained by blending #0a98ff with #0000bf. Closest websafe color is: #0033cc.

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

● #054cdf color description : Vivid blue.

The hexadecimal color #054cdf has RGB values of R:5, G:76, B:223 and CMYK values of C:0.98, M:0.66, Y:0, K:0.13. Its decimal value is 347359.

Hex triplet	054cdf	`#054cdf`
RGB Decimal	5, 76, 223	`rgb(5,76,223)`
RGB Percent	2, 29.8, 87.5	`rgb(2%,29.8%,87.5%)`
CMYK	98, 66, 0, 13
HSL	220.5°, 95.6, 44.7	`hsl(220.5,95.6%,44.7%)`
HSV (or HSB)	220.5°, 97.8, 87.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.773, 39.777, -78.995
XYZ	15.964, 10.528, 70.999
xyY	0.164, 0.108, 10.528
CIE-LCH	38.773, 88.444, 296.727
CIE-LUV	38.773, -16.527, -112.619
Hunter-Lab	32.446, 31.041, -107.026
Binary	00000101, 01001100, 11011111

#054cdf
```
#054cdf rgb(5,76,223)
```
#df9805
```
#df9805 rgb(223,152,5)
```

Complementary Color

#05b9df
```
#05b9df rgb(5,185,223)
```
#054cdf
```
#054cdf rgb(5,76,223)
```
#2b05df
```
#2b05df rgb(43,5,223)
```

Analogous Color

#b9df05
```
#b9df05 rgb(185,223,5)
```
#054cdf
```
#054cdf rgb(5,76,223)
```
#df2b05
```
#df2b05 rgb(223,43,5)
```

Split Complementary Color

#4cdf05
```
#4cdf05 rgb(76,223,5)
```
#054cdf
```
#054cdf rgb(5,76,223)
```
#df054c
```
#df054c rgb(223,5,76)
```

Triadic Color

#05df98
```
#05df98 rgb(5,223,152)
```
#054cdf
```
#054cdf rgb(5,76,223)
```
#df054c
```
#df054c rgb(223,5,76)
```
#df9805
```
#df9805 rgb(223,152,5)
```

Tetradic Color

#033394
```
#033394 rgb(3,51,148)
```
#043bad
```
#043bad rgb(4,59,173)
```
#0444c6
```
#0444c6 rgb(4,68,198)
```
#054cdf
```
#054cdf rgb(5,76,223)
```
#0655f8
```
#0655f8 rgb(6,85,248)
```
#1d65fa
```
#1d65fa rgb(29,101,250)
```
#3676fa
```
#3676fa rgb(54,118,250)
```

Monochromatic Color

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

#0583df
```
#0583df rgb(5,131,223)
```
#0570df
```
#0570df rgb(5,112,223)
```
#055edf
```
#055edf rgb(5,94,223)
```
#054cdf
```
#054cdf rgb(5,76,223)
```
#053adf
```
#053adf rgb(5,58,223)
```
#0528df
```
#0528df rgb(5,40,223)
```
#0516df
```
#0516df rgb(5,22,223)
```

Similar Colors

Text with hexadecimal color #054cdf

This text has a font color of #054cdf.

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

#054cdf background color

This paragraph has a background color of #054cdf.

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

#054cdf border color

This element has a border color of #054cdf.

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

CSS codes

.text {color:#054cdf;}

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

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

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, #00040c is the darkest color, while #f8faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#010b1f
```
#010b1f rgb(1,11,31)
```
#011132
```
#011132 rgb(1,17,50)
```
#021846
```
#021846 rgb(2,24,70)
```
#021e59
```
#021e59 rgb(2,30,89)
```
#02256c
```
#02256c rgb(2,37,108)
```
#032b7f
```
#032b7f rgb(3,43,127)
```
#033292
```
#033292 rgb(3,50,146)
```
#0438a5
```
#0438a5 rgb(4,56,165)
```
#043fb9
```
#043fb9 rgb(4,63,185)
```
#0545cc
```
#0545cc rgb(5,69,204)
```
#054cdf
```
#054cdf rgb(5,76,223)
```
#0553f2
```
#0553f2 rgb(5,83,242)
```

Shade Color Variation

#125dfa
```
#125dfa rgb(18,93,250)
```
#256afa
```
#256afa rgb(37,106,250)
```
#3877fb
```
#3877fb rgb(56,119,251)
```
#4b84fb
```
#4b84fb rgb(75,132,251)
```
#5e91fb
```
#5e91fb rgb(94,145,251)
```
#719ffc
```
#719ffc rgb(113,159,252)
```
#85acfc
```
#85acfc rgb(133,172,252)
```
#98b9fd
```
#98b9fd rgb(152,185,253)
```
#abc6fd
```
#abc6fd rgb(171,198,253)
```
#bed3fe
```
#bed3fe rgb(190,211,254)
```
#d1e0fe
```
#d1e0fe rgb(209,224,254)
```
#e5edfe
```
#e5edfe rgb(229,237,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#6e7176
```
#6e7176 rgb(110,113,118)
```
#656e7f
```
#656e7f rgb(101,110,127)
```
#5d6b87
```
#5d6b87 rgb(93,107,135)
```
#546890
```
#546890 rgb(84,104,144)
```
#4b6499
```
#4b6499 rgb(75,100,153)
```
#4261a2
```
#4261a2 rgb(66,97,162)
```
#3a5eaa
```
#3a5eaa rgb(58,94,170)
```
#315bb3
```
#315bb3 rgb(49,91,179)
```
#2858bc
```
#2858bc rgb(40,88,188)
```
#1f55c5
```
#1f55c5 rgb(31,85,197)
```
#1752cd
```
#1752cd rgb(23,82,205)
```
#0e4fd6
```
#0e4fd6 rgb(14,79,214)
```
#054cdf
```
#054cdf rgb(5,76,223)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3b4966 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

#0159c9 Protanomaly 1% of men, 0.01% of women
#015cb9 Deuteranomaly 6% of men, 0.4% of women
#01619a Tritanomaly 0.01% of the population

#054cdf hex color

#054cdf Color Information

#054cdf Color Conversion

Color Schemes with #054cdf

Alternatives to #054cdf

#054cdf Preview

Shades and Tints of #054cdf

Tones of #054cdf

Color Blindness Simulator