#054778 hex color

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

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

● #054778 color description : Dark blue.

The hexadecimal color #054778 has RGB values of R:5, G:71, B:120 and CMYK values of C:0.96, M:0.41, Y:0, K:0.53. Its decimal value is 345976.

Hex triplet	054778	`#054778`
RGB Decimal	5, 71, 120	`rgb(5,71,120)`
RGB Percent	2, 27.8, 47.1	`rgb(2%,27.8%,47.1%)`
CMYK	96, 41, 0, 53
HSL	205.6°, 92, 24.5	`hsl(205.6,92%,24.5%)`
HSV (or HSB)	205.6°, 95.8, 47.1
Web Safe	003366	`#003366`

CIE-LAB	29.144, 1.184, -33.148
XYZ	5.705, 5.894, 18.605
xyY	0.189, 0.195, 5.894
CIE-LCH	29.144, 33.169, 272.045
CIE-LUV	29.144, -17.29, -43.391
Hunter-Lab	24.278, -0.541, -28.442
Binary	00000101, 01000111, 01111000

#054778
```
#054778 rgb(5,71,120)
```
#783605
```
#783605 rgb(120,54,5)
```

Complementary Color

#057870
```
#057870 rgb(5,120,112)
```
#054778
```
#054778 rgb(5,71,120)
```
#050e78
```
#050e78 rgb(5,14,120)
```

Analogous Color

#787005
```
#787005 rgb(120,112,5)
```
#054778
```
#054778 rgb(5,71,120)
```
#78050d
```
#78050d rgb(120,5,13)
```

Split Complementary Color

#477805
```
#477805 rgb(71,120,5)
```
#054778
```
#054778 rgb(5,71,120)
```
#780547
```
#780547 rgb(120,5,71)
```

Triadic Color

#057836
```
#057836 rgb(5,120,54)
```
#054778
```
#054778 rgb(5,71,120)
```
#780547
```
#780547 rgb(120,5,71)
```
#783605
```
#783605 rgb(120,54,5)
```

Tetradic Color

#021c2f
```
#021c2f rgb(2,28,47)
```
#032a47
```
#032a47 rgb(3,42,71)
```
#043960
```
#043960 rgb(4,57,96)
```
#054778
```
#054778 rgb(5,71,120)
```
#065590
```
#065590 rgb(6,85,144)
```
#0764a9
```
#0764a9 rgb(7,100,169)
```
#0872c1
```
#0872c1 rgb(8,114,193)
```

Monochromatic Color

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

#056478
```
#056478 rgb(5,100,120)
```
#055a78
```
#055a78 rgb(5,90,120)
```
#055178
```
#055178 rgb(5,81,120)
```
#054778
```
#054778 rgb(5,71,120)
```
#053d78
```
#053d78 rgb(5,61,120)
```
#053478
```
#053478 rgb(5,52,120)
```
#052a78
```
#052a78 rgb(5,42,120)
```

Similar Colors

Text with hexadecimal color #054778

This text has a font color of #054778.

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

#054778 background color

This paragraph has a background color of #054778.

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

#054778 border color

This element has a border color of #054778.

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

CSS codes

.text {color:#054778;}

.background {background-color:#054778;}

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

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)
```
#010f1a
```
#010f1a rgb(1,15,26)
```
#021a2d
```
#021a2d rgb(2,26,45)
```
#032640
```
#032640 rgb(3,38,64)
```
#033152
```
#033152 rgb(3,49,82)
```
#043c65
```
#043c65 rgb(4,60,101)
```
#054778
```
#054778 rgb(5,71,120)
```
#06528b
```
#06528b rgb(6,82,139)
```
#075d9e
```
#075d9e rgb(7,93,158)
```
#0768b0
```
#0768b0 rgb(7,104,176)
```
#0874c3
```
#0874c3 rgb(8,116,195)
```
#097fd6
```
#097fd6 rgb(9,127,214)
```
#0a8ae9
```
#0a8ae9 rgb(10,138,233)
```

Shade Color Variation

#1194f5
```
#1194f5 rgb(17,148,245)
```
#249cf6
```
#249cf6 rgb(36,156,246)
```
#37a5f7
```
#37a5f7 rgb(55,165,247)
```
#4aadf7
```
#4aadf7 rgb(74,173,247)
```
#5db6f8
```
#5db6f8 rgb(93,182,248)
```
#6fbef9
```
#6fbef9 rgb(111,190,249)
```
#82c7fa
```
#82c7fa rgb(130,199,250)
```
#95cffb
```
#95cffb rgb(149,207,251)
```
#a8d8fb
```
#a8d8fb rgb(168,216,251)
```
#bbe0fc
```
#bbe0fc rgb(187,224,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 #00487d is the most saturated one.

#3a3f43
```
#3a3f43 rgb(58,63,67)
```
#354048
```
#354048 rgb(53,64,72)
```
#30414d
```
#30414d rgb(48,65,77)
```
#2b4152
```
#2b4152 rgb(43,65,82)
```
#274256
```
#274256 rgb(39,66,86)
```
#22435b
```
#22435b rgb(34,67,91)
```
#1d4360
```
#1d4360 rgb(29,67,96)
```
#184465
```
#184465 rgb(24,68,101)
```
#13456a
```
#13456a rgb(19,69,106)
```
#0f466e
```
#0f466e rgb(15,70,110)
```
#0a4673
```
#0a4673 rgb(10,70,115)
```
#054778
```
#054778 rgb(5,71,120)
```
#00487d
```
#00487d rgb(0,72,125)
```

Tone Color Variation

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

#394c7b Protanopia 1% of men
#244f7f Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#264a7a Protanomaly 1% of men, 0.01% of women
#194c7c Deuteranomaly 6% of men, 0.4% of women
#015065 Tritanomaly 0.01% of the population

#054778 hex color

#054778 Color Information

#054778 Color Conversion

Color Schemes with #054778

Alternatives to #054778

#054778 Preview

Shades and Tints of #054778

Tones of #054778

Color Blindness Simulator