#054dcc hex color

In a RGB color space, hex #054dcc is composed of 2% red, 30.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 62.3% magenta, 0% yellow and 20% black. It has a hue angle of 218.3 degrees, a saturation of 95.2% and a lightness of 41%. #054dcc color hex could be obtained by blending #0a9aff with #000099. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 30
- B 80
RGB color chart
- C 98
- M 62
- Y 0
- K 20
CMYK color chart

● #054dcc color description : Strong blue.

The hexadecimal color #054dcc has RGB values of R:5, G:77, B:204 and CMYK values of C:0.98, M:0.62, Y:0, K:0.2. Its decimal value is 347596.

Hex triplet	054dcc	`#054dcc`
RGB Decimal	5, 77, 204	`rgb(5,77,204)`
RGB Percent	2, 30.2, 80	`rgb(2%,30.2%,80%)`
CMYK	98, 62, 0, 20
HSL	218.3°, 95.2, 41	`hsl(218.3,95.2%,41%)`
HSV (or HSB)	218.3°, 97.5, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	37.296, 31.881, -70.495
XYZ	13.613, 9.698, 58.278
xyY	0.167, 0.119, 9.698
CIE-LCH	37.296, 77.369, 294.334
CIE-LUV	37.296, -16.858, -100.334
Hunter-Lab	31.142, 23.528, -89.152
Binary	00000101, 01001101, 11001100

#054dcc
```
#054dcc rgb(5,77,204)
```
#cc8405
```
#cc8405 rgb(204,132,5)
```

Complementary Color

#05b1cc
```
#05b1cc rgb(5,177,204)
```
#054dcc
```
#054dcc rgb(5,77,204)
```
#2005cc
```
#2005cc rgb(32,5,204)
```

Analogous Color

#b1cc05
```
#b1cc05 rgb(177,204,5)
```
#054dcc
```
#054dcc rgb(5,77,204)
```
#cc2005
```
#cc2005 rgb(204,32,5)
```

Split Complementary Color

#4dcc05
```
#4dcc05 rgb(77,204,5)
```
#054dcc
```
#054dcc rgb(5,77,204)
```
#cc054d
```
#cc054d rgb(204,5,77)
```

Triadic Color

#05cc84
```
#05cc84 rgb(5,204,132)
```
#054dcc
```
#054dcc rgb(5,77,204)
```
#cc054d
```
#cc054d rgb(204,5,77)
```
#cc8405
```
#cc8405 rgb(204,132,5)
```

Tetradic Color

#033181
```
#033181 rgb(3,49,129)
```
#043a9a
```
#043a9a rgb(4,58,154)
```
#0444b3
```
#0444b3 rgb(4,68,179)
```
#054dcc
```
#054dcc rgb(5,77,204)
```
#0656e5
```
#0656e5 rgb(6,86,229)
```
#0b61f9
```
#0b61f9 rgb(11,97,249)
```
#2471fa
```
#2471fa rgb(36,113,250)
```

Monochromatic Color

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

#057fcc
```
#057fcc rgb(5,127,204)
```
#056ecc
```
#056ecc rgb(5,110,204)
```
#055ecc
```
#055ecc rgb(5,94,204)
```
#054dcc
```
#054dcc rgb(5,77,204)
```
#053ccc
```
#053ccc rgb(5,60,204)
```
#052ccc
```
#052ccc rgb(5,44,204)
```
#051bcc
```
#051bcc rgb(5,27,204)
```

Similar Colors

Text with hexadecimal color #054dcc

This text has a font color of #054dcc.

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

#054dcc background color

This paragraph has a background color of #054dcc.

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

#054dcc border color

This element has a border color of #054dcc.

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

CSS codes

.text {color:#054dcc;}

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

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

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, #00050d is the darkest color, while #f8fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#010c20
```
#010c20 rgb(1,12,32)
```
#011333
```
#011333 rgb(1,19,51)
```
#021a46
```
#021a46 rgb(2,26,70)
```
#022259
```
#022259 rgb(2,34,89)
```
#03296c
```
#03296c rgb(3,41,108)
```
#03307f
```
#03307f rgb(3,48,127)
```
#043793
```
#043793 rgb(4,55,147)
```
#043fa6
```
#043fa6 rgb(4,63,166)
```
#0546b9
```
#0546b9 rgb(5,70,185)
```
#054dcc
```
#054dcc rgb(5,77,204)
```
#0554df
```
#0554df rgb(5,84,223)
```
#065bf2
```
#065bf2 rgb(6,91,242)
```

Shade Color Variation

#1366f9
```
#1366f9 rgb(19,102,249)
```
#2672fa
```
#2672fa rgb(38,114,250)
```
#397ffa
```
#397ffa rgb(57,127,250)
```
#4c8bfb
```
#4c8bfb rgb(76,139,251)
```
#5f98fb
```
#5f98fb rgb(95,152,251)
```
#72a4fc
```
#72a4fc rgb(114,164,252)
```
#86b0fc
```
#86b0fc rgb(134,176,252)
```
#99bdfc
```
#99bdfc rgb(153,189,252)
```
#acc9fd
```
#acc9fd rgb(172,201,253)
```
#bfd6fd
```
#bfd6fd rgb(191,214,253)
```
#d2e2fe
```
#d2e2fe rgb(210,226,254)
```
#e5eefe
```
#e5eefe rgb(229,238,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#65686c
```
#65686c rgb(101,104,108)
```
#5d6574
```
#5d6574 rgb(93,101,116)
```
#55637c
```
#55637c rgb(85,99,124)
```
#4d6184
```
#4d6184 rgb(77,97,132)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#355a9c
```
#355a9c rgb(53,90,156)
```
#2d58a4
```
#2d58a4 rgb(45,88,164)
```
#2556ac
```
#2556ac rgb(37,86,172)
```
#1d54b4
```
#1d54b4 rgb(29,84,180)
```
#1551bc
```
#1551bc rgb(21,81,188)
```
#0d4fc4
```
#0d4fc4 rgb(13,79,196)
```
#054dcc
```
#054dcc rgb(5,77,204)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#394761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0157be Protanomaly 1% of men, 0.01% of women
#015aaf Deuteranomaly 6% of men, 0.4% of women
#015f91 Tritanomaly 0.01% of the population

#054dcc hex color

#054dcc Color Information

#054dcc Color Conversion

Color Schemes with #054dcc

Alternatives to #054dcc

#054dcc Preview

Shades and Tints of #054dcc

Tones of #054dcc

Color Blindness Simulator