#054c78 hex color

In a RGB color space, hex #054c78 is composed of 2% red, 29.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 95.8% cyan, 36.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 203 degrees, a saturation of 92% and a lightness of 24.5%. #054c78 color hex could be obtained by blending #0a98f0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 30
- B 47
RGB color chart
- C 96
- M 37
- Y 0
- K 53
CMYK color chart

● #054c78 color description : Dark blue.

The hexadecimal color #054c78 has RGB values of R:5, G:76, B:120 and CMYK values of C:0.96, M:0.37, Y:0, K:0.53. Its decimal value is 347256.

Hex triplet	054c78	`#054c78`
RGB Decimal	5, 76, 120	`rgb(5,76,120)`
RGB Percent	2, 29.8, 47.1	`rgb(2%,29.8%,47.1%)`
CMYK	96, 37, 0, 53
HSL	203°, 92, 24.5	`hsl(203,92%,24.5%)`
HSV (or HSB)	203°, 95.8, 47.1
Web Safe	003366	`#003366`

CIE-LAB	30.776, -2.131, -30.554
XYZ	6.036, 6.557, 18.716
xyY	0.193, 0.209, 6.557
CIE-LCH	30.776, 30.629, 266.01
CIE-LUV	30.776, -18.977, -40.308
Hunter-Lab	25.606, -2.731, -25.412
Binary	00000101, 01001100, 01111000

#054c78
```
#054c78 rgb(5,76,120)
```
#783105
```
#783105 rgb(120,49,5)
```

Complementary Color

#05786b
```
#05786b rgb(5,120,107)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#051378
```
#051378 rgb(5,19,120)
```

Analogous Color

#786b05
```
#786b05 rgb(120,107,5)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#780513
```
#780513 rgb(120,5,19)
```

Split Complementary Color

#4c7805
```
#4c7805 rgb(76,120,5)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#78054c
```
#78054c rgb(120,5,76)
```

Triadic Color

#057831
```
#057831 rgb(5,120,49)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#78054c
```
#78054c rgb(120,5,76)
```
#783105
```
#783105 rgb(120,49,5)
```

Tetradic Color

#021d2f
```
#021d2f rgb(2,29,47)
```
#032d47
```
#032d47 rgb(3,45,71)
```
#043c60
```
#043c60 rgb(4,60,96)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#065c90
```
#065c90 rgb(6,92,144)
```
#076ba9
```
#076ba9 rgb(7,107,169)
```
#087bc1
```
#087bc1 rgb(8,123,193)
```

Monochromatic Color

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

#056978
```
#056978 rgb(5,105,120)
```
#055f78
```
#055f78 rgb(5,95,120)
```
#055678
```
#055678 rgb(5,86,120)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#054278
```
#054278 rgb(5,66,120)
```
#053978
```
#053978 rgb(5,57,120)
```
#052f78
```
#052f78 rgb(5,47,120)
```

Similar Colors

Text with hexadecimal color #054c78

This text has a font color of #054c78.

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

#054c78 background color

This paragraph has a background color of #054c78.

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

#054c78 border color

This element has a border color of #054c78.

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

CSS codes

.text {color:#054c78;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#01101a
```
#01101a rgb(1,16,26)
```
#021c2d
```
#021c2d rgb(2,28,45)
```
#032840
```
#032840 rgb(3,40,64)
```
#033452
```
#033452 rgb(3,52,82)
```
#044065
```
#044065 rgb(4,64,101)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#06588b
```
#06588b rgb(6,88,139)
```
#07649e
```
#07649e rgb(7,100,158)
```
#0770b0
```
#0770b0 rgb(7,112,176)
```
#087cc3
```
#087cc3 rgb(8,124,195)
```
#0988d6
```
#0988d6 rgb(9,136,214)
```
#0a94e9
```
#0a94e9 rgb(10,148,233)
```

Shade Color Variation

#119ef5
```
#119ef5 rgb(17,158,245)
```
#24a6f6
```
#24a6f6 rgb(36,166,246)
```
#37adf7
```
#37adf7 rgb(55,173,247)
```
#4ab5f7
```
#4ab5f7 rgb(74,181,247)
```
#5dbdf8
```
#5dbdf8 rgb(93,189,248)
```
#6fc4f9
```
#6fc4f9 rgb(111,196,249)
```
#82ccfa
```
#82ccfa rgb(130,204,250)
```
#95d4fb
```
#95d4fb rgb(149,212,251)
```
#a8dbfb
```
#a8dbfb rgb(168,219,251)
```
#bbe3fc
```
#bbe3fc rgb(187,227,252)
```
#ceebfd
```
#ceebfd rgb(206,235,253)
```
#e0f2fe
```
#e0f2fe rgb(224,242,254)
```
#f3faff
```
#f3faff rgb(243,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a4043 is the less saturated color, while #004d7d is the most saturated one.

#3a4043
```
#3a4043 rgb(58,64,67)
```
#354148
```
#354148 rgb(53,65,72)
```
#30424d
```
#30424d rgb(48,66,77)
```
#2b4352
```
#2b4352 rgb(43,67,82)
```
#274456
```
#274456 rgb(39,68,86)
```
#22455b
```
#22455b rgb(34,69,91)
```
#1d4660
```
#1d4660 rgb(29,70,96)
```
#184765
```
#184765 rgb(24,71,101)
```
#13496a
```
#13496a rgb(19,73,106)
```
#0f4a6e
```
#0f4a6e rgb(15,74,110)
```
#0a4b73
```
#0a4b73 rgb(10,75,115)
```
#054c78
```
#054c78 rgb(5,76,120)
```
#004d7d
```
#004d7d rgb(0,77,125)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#313f48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#40507b Protanopia 1% of men
#315280 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#2b4e7a Protanomaly 1% of men, 0.01% of women
#21507d Deuteranomaly 6% of men, 0.4% of women
#015468 Tritanomaly 0.01% of the population

#054c78 hex color

#054c78 Color Information

#054c78 Color Conversion

Color Schemes with #054c78

Alternatives to #054c78

#054c78 Preview

Shades and Tints of #054c78

Tones of #054c78

Color Blindness Simulator