colorhexa.com

#054878 hex color

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

- R 2
- G 28
- B 47
RGB color chart
- C 96
- M 40
- Y 0
- K 53
CMYK color chart

● #054878 color description : Dark blue.

The hexadecimal color #054878 has RGB values of R:5, G:72, B:120 and CMYK values of C:0.96, M:0.4, Y:0, K:0.53. Its decimal value is 346232.

Hex triplet	054878	`#054878`
RGB Decimal	5, 72, 120	`rgb(5,72,120)`
RGB Percent	2, 28.2, 47.1	`rgb(2%,28.2%,47.1%)`
CMYK	96, 40, 0, 53
HSL	205°, 92, 24.5	`hsl(205,92%,24.5%)`
HSV (or HSB)	205°, 95.8, 47.1
Web Safe	003366	`#003366`

CIE-LAB	29.469, 0.513, -32.63
XYZ	5.769, 6.023, 18.627
xyY	0.19, 0.198, 6.023
CIE-LCH	29.469, 32.634, 270.901
CIE-LUV	29.469, -17.624, -42.796
Hunter-Lab	24.541, -0.983, -27.823
Binary	00000101, 01001000, 01111000

#054878
```
#054878 rgb(5,72,120)
```
#783505
```
#783505 rgb(120,53,5)
```

Complementary Color

#05786f
```
#05786f rgb(5,120,111)
```
#054878
```
#054878 rgb(5,72,120)
```
#050f78
```
#050f78 rgb(5,15,120)
```

Analogous Color

#786f05
```
#786f05 rgb(120,111,5)
```
#054878
```
#054878 rgb(5,72,120)
```
#78050f
```
#78050f rgb(120,5,15)
```

Split Complementary Color

#021c2f
```
#021c2f rgb(2,28,47)
```
#032b47
```
#032b47 rgb(3,43,71)
```
#043960
```
#043960 rgb(4,57,96)
```
#054878
```
#054878 rgb(5,72,120)
```
#065790
```
#065790 rgb(6,87,144)
```
#0765a9
```
#0765a9 rgb(7,101,169)
```
#0874c1
```
#0874c1 rgb(8,116,193)
```

Monochromatic Color

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

#056578
```
#056578 rgb(5,101,120)
```
#055b78
```
#055b78 rgb(5,91,120)
```
#055278
```
#055278 rgb(5,82,120)
```
#054878
```
#054878 rgb(5,72,120)
```
#053e78
```
#053e78 rgb(5,62,120)
```
#053578
```
#053578 rgb(5,53,120)
```
#052b78
```
#052b78 rgb(5,43,120)
```

Similar Colors

Text with hexadecimal color #054878

This text has a font color of #054878.

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

#054878 background color

This paragraph has a background color of #054878.

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

#054878 border color

This element has a border color of #054878.

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

CSS codes

.text {color:#054878;}

.background {background-color:#054878;}

.border {border:1px solid #054878;}

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)
```
#021b2d
```
#021b2d rgb(2,27,45)
```
#032640
```
#032640 rgb(3,38,64)
```
#033152
```
#033152 rgb(3,49,82)
```
#043d65
```
#043d65 rgb(4,61,101)
```
#054878
```
#054878 rgb(5,72,120)
```
#06538b
```
#06538b rgb(6,83,139)
```
#075f9e
```
#075f9e rgb(7,95,158)
```
#076ab0
```
#076ab0 rgb(7,106,176)
```
#0875c3
```
#0875c3 rgb(8,117,195)
```
#0980d6
```
#0980d6 rgb(9,128,214)
```
#0a8ce9
```
#0a8ce9 rgb(10,140,233)
```

Shade Color Variation

#1196f5
```
#1196f5 rgb(17,150,245)
```
#249ef6
```
#249ef6 rgb(36,158,246)
```
#37a7f7
```
#37a7f7 rgb(55,167,247)
```
#4aaff7
```
#4aaff7 rgb(74,175,247)
```
#5db7f8
```
#5db7f8 rgb(93,183,248)
```
#6fc0f9
```
#6fc0f9 rgb(111,192,249)
```
#82c8fa
```
#82c8fa rgb(130,200,250)
```
#95d0fb
```
#95d0fb rgb(149,208,251)
```
#a8d9fb
```
#a8d9fb rgb(168,217,251)
```
#bbe1fc
```
#bbe1fc rgb(187,225,252)
```
#cee9fd
```
#cee9fd rgb(206,233,253)
```
#e0f1fe
```
#e0f1fe rgb(224,241,254)
```
#f3faff
```
#f3faff rgb(243,250,255)
```

Tint Color Variation

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

#3a3f43
```
#3a3f43 rgb(58,63,67)
```
#354048
```
#354048 rgb(53,64,72)
```
#30414d
```
#30414d rgb(48,65,77)
```
#2b4252
```
#2b4252 rgb(43,66,82)
```
#274256
```
#274256 rgb(39,66,86)
```
#22435b
```
#22435b rgb(34,67,91)
```
#1d4460
```
#1d4460 rgb(29,68,96)
```
#184565
```
#184565 rgb(24,69,101)
```
#13466a
```
#13466a rgb(19,70,106)
```
#0f466e
```
#0f466e rgb(15,70,110)
```
#0a4773
```
#0a4773 rgb(10,71,115)
```
#054878
```
#054878 rgb(5,72,120)
```
#00497d
```
#00497d rgb(0,73,125)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#2f3c46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4d7b Protanopia 1% of men
#274f7f Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#274b7a Protanomaly 1% of men, 0.01% of women
#1b4c7c Deuteranomaly 6% of men, 0.4% of women
#015166 Tritanomaly 0.01% of the population