#054cc6 hex color

In a RGB color space, hex #054cc6 is composed of 2% red, 29.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 61.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 217.9 degrees, a saturation of 95.1% and a lightness of 39.8%. #054cc6 color hex could be obtained by blending #0a98ff with #00008d. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 30
- B 78
RGB color chart
- C 97
- M 62
- Y 0
- K 22
CMYK color chart

● #054cc6 color description : Strong blue.

The hexadecimal color #054cc6 has RGB values of R:5, G:76, B:198 and CMYK values of C:0.97, M:0.62, Y:0, K:0.22. Its decimal value is 347334.

Hex triplet	054cc6	`#054cc6`
RGB Decimal	5, 76, 198	`rgb(5,76,198)`
RGB Percent	2, 29.8, 77.6	`rgb(2%,29.8%,77.6%)`
CMYK	97, 62, 0, 22
HSL	217.9°, 95.1, 39.8	`hsl(217.9,95.1%,39.8%)`
HSV (or HSB)	217.9°, 97.5, 77.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.513, 30.192, -68.294
XYZ	12.838, 9.277, 54.537
xyY	0.167, 0.121, 9.277
CIE-LCH	36.513, 74.67, 293.85
CIE-LUV	36.513, -16.676, -96.728
Hunter-Lab	30.459, 21.933, -84.84
Binary	00000101, 01001100, 11000110

#054cc6
```
#054cc6 rgb(5,76,198)
```
#c67f05
```
#c67f05 rgb(198,127,5)
```

Complementary Color

#05adc6
```
#05adc6 rgb(5,173,198)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```
#1e05c6
```
#1e05c6 rgb(30,5,198)
```

Analogous Color

#adc605
```
#adc605 rgb(173,198,5)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```
#c61f05
```
#c61f05 rgb(198,31,5)
```

Split Complementary Color

#4cc605
```
#4cc605 rgb(76,198,5)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```
#c6054c
```
#c6054c rgb(198,5,76)
```

Triadic Color

#05c67f
```
#05c67f rgb(5,198,127)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```
#c6054c
```
#c6054c rgb(198,5,76)
```
#c67f05
```
#c67f05 rgb(198,127,5)
```

Tetradic Color

#032f7b
```
#032f7b rgb(3,47,123)
```
#043994
```
#043994 rgb(4,57,148)
```
#0442ad
```
#0442ad rgb(4,66,173)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```
#0656df
```
#0656df rgb(6,86,223)
```
#065ff8
```
#065ff8 rgb(6,95,248)
```
#1e6ff9
```
#1e6ff9 rgb(30,111,249)
```

Monochromatic Color

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

#057cc6
```
#057cc6 rgb(5,124,198)
```
#056cc6
```
#056cc6 rgb(5,108,198)
```
#055cc6
```
#055cc6 rgb(5,92,198)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```
#053cc6
```
#053cc6 rgb(5,60,198)
```
#052cc6
```
#052cc6 rgb(5,44,198)
```
#051cc6
```
#051cc6 rgb(5,28,198)
```

Similar Colors

Text with hexadecimal color #054cc6

This text has a font color of #054cc6.

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

#054cc6 background color

This paragraph has a background color of #054cc6.

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

#054cc6 border color

This element has a border color of #054cc6.

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

CSS codes

.text {color:#054cc6;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010a1a
```
#010a1a rgb(1,10,26)
```
#01112d
```
#01112d rgb(1,17,45)
```
#021940
```
#021940 rgb(2,25,64)
```
#022053
```
#022053 rgb(2,32,83)
```
#032766
```
#032766 rgb(3,39,102)
```
#032f79
```
#032f79 rgb(3,47,121)
```
#04368d
```
#04368d rgb(4,54,141)
```
#043da0
```
#043da0 rgb(4,61,160)
```
#0545b3
```
#0545b3 rgb(5,69,179)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```
#0553d9
```
#0553d9 rgb(5,83,217)
```
#065bec
```
#065bec rgb(6,91,236)
```

Shade Color Variation

#0d64f9
```
#0d64f9 rgb(13,100,249)
```
#2070f9
```
#2070f9 rgb(32,112,249)
```
#337cfa
```
#337cfa rgb(51,124,250)
```
#4689fa
```
#4689fa rgb(70,137,250)
```
#5995fb
```
#5995fb rgb(89,149,251)
```
#6da1fb
```
#6da1fb rgb(109,161,251)
```
#80adfc
```
#80adfc rgb(128,173,252)
```
#93bafc
```
#93bafc rgb(147,186,252)
```
#a6c6fd
```
#a6c6fd rgb(166,198,253)
```
#b9d2fd
```
#b9d2fd rgb(185,210,253)
```
#ccdefe
```
#ccdefe rgb(204,222,254)
```
#dfebfe
```
#dfebfe rgb(223,235,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#636568
```
#636568 rgb(99,101,104)
```
#5b6370
```
#5b6370 rgb(91,99,112)
```
#536178
```
#536178 rgb(83,97,120)
```
#4b5f80
```
#4b5f80 rgb(75,95,128)
```
#435d88
```
#435d88 rgb(67,93,136)
```
#3c5a8f
```
#3c5a8f rgb(60,90,143)
```
#345897
```
#345897 rgb(52,88,151)
```
#2c569f
```
#2c569f rgb(44,86,159)
```
#2454a7
```
#2454a7 rgb(36,84,167)
```
#1c52af
```
#1c52af rgb(28,82,175)
```
#1550b6
```
#1550b6 rgb(21,80,182)
```
#0d4ebe
```
#0d4ebe rgb(13,78,190)
```
#054cc6
```
#054cc6 rgb(5,76,198)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#38465f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0156ba Protanomaly 1% of men, 0.01% of women
#0159ab Deuteranomaly 6% of men, 0.4% of women
#015d8d Tritanomaly 0.01% of the population

#054cc6 hex color

#054cc6 Color Information

#054cc6 Color Conversion

Color Schemes with #054cc6

Alternatives to #054cc6

#054cc6 Preview

Shades and Tints of #054cc6

Tones of #054cc6

Color Blindness Simulator