#054478 hex color

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

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

● #054478 color description : Dark blue.

The hexadecimal color #054478 has RGB values of R:5, G:68, B:120 and CMYK values of C:0.96, M:0.43, Y:0, K:0.53. Its decimal value is 345208.

Hex triplet	054478	`#054478`
RGB Decimal	5, 68, 120	`rgb(5,68,120)`
RGB Percent	2, 26.7, 47.1	`rgb(2%,26.7%,47.1%)`
CMYK	96, 43, 0, 53
HSL	207.1°, 92, 24.5	`hsl(207.1,92%,24.5%)`
HSV (or HSB)	207.1°, 95.8, 47.1
Web Safe	003366	`#003366`

CIE-LAB	28.173, 3.217, -34.699
XYZ	5.519, 5.522, 18.543
xyY	0.187, 0.187, 5.522
CIE-LCH	28.173, 34.847, 275.296
CIE-LUV	28.173, -16.302, -45.107
Hunter-Lab	23.499, 0.8, -30.337
Binary	00000101, 01000100, 01111000

#054478
```
#054478 rgb(5,68,120)
```
#783905
```
#783905 rgb(120,57,5)
```

Complementary Color

#057873
```
#057873 rgb(5,120,115)
```
#054478
```
#054478 rgb(5,68,120)
```
#050a78
```
#050a78 rgb(5,10,120)
```

Analogous Color

#787305
```
#787305 rgb(120,115,5)
```
#054478
```
#054478 rgb(5,68,120)
```
#78050a
```
#78050a rgb(120,5,10)
```

Split Complementary Color

#447805
```
#447805 rgb(68,120,5)
```
#054478
```
#054478 rgb(5,68,120)
```
#780544
```
#780544 rgb(120,5,68)
```

Triadic Color

#057839
```
#057839 rgb(5,120,57)
```
#054478
```
#054478 rgb(5,68,120)
```
#780544
```
#780544 rgb(120,5,68)
```
#783905
```
#783905 rgb(120,57,5)
```

Tetradic Color

#021a2f
```
#021a2f rgb(2,26,47)
```
#032847
```
#032847 rgb(3,40,71)
```
#043660
```
#043660 rgb(4,54,96)
```
#054478
```
#054478 rgb(5,68,120)
```
#065290
```
#065290 rgb(6,82,144)
```
#0760a9
```
#0760a9 rgb(7,96,169)
```
#086ec1
```
#086ec1 rgb(8,110,193)
```

Monochromatic Color

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

#056178
```
#056178 rgb(5,97,120)
```
#055778
```
#055778 rgb(5,87,120)
```
#054e78
```
#054e78 rgb(5,78,120)
```
#054478
```
#054478 rgb(5,68,120)
```
#053a78
```
#053a78 rgb(5,58,120)
```
#053178
```
#053178 rgb(5,49,120)
```
#052778
```
#052778 rgb(5,39,120)
```

Similar Colors

Text with hexadecimal color #054478

This text has a font color of #054478.

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

#054478 background color

This paragraph has a background color of #054478.

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

#054478 border color

This element has a border color of #054478.

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

CSS codes

.text {color:#054478;}

.background {background-color:#054478;}

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

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 #f3f9ff is the lightest one.

#000407
```
#000407 rgb(0,4,7)
```
#010f1a
```
#010f1a rgb(1,15,26)
```
#02192d
```
#02192d rgb(2,25,45)
```
#032440
```
#032440 rgb(3,36,64)
```
#032f52
```
#032f52 rgb(3,47,82)
```
#043965
```
#043965 rgb(4,57,101)
```
#054478
```
#054478 rgb(5,68,120)
```
#064f8b
```
#064f8b rgb(6,79,139)
```
#07599e
```
#07599e rgb(7,89,158)
```
#0764b0
```
#0764b0 rgb(7,100,176)
```
#086fc3
```
#086fc3 rgb(8,111,195)
```
#0979d6
```
#0979d6 rgb(9,121,214)
```
#0a84e9
```
#0a84e9 rgb(10,132,233)
```

Shade Color Variation

#118ef5
```
#118ef5 rgb(17,142,245)
```
#2497f6
```
#2497f6 rgb(36,151,246)
```
#37a0f7
```
#37a0f7 rgb(55,160,247)
```
#4aa9f7
```
#4aa9f7 rgb(74,169,247)
```
#5db2f8
```
#5db2f8 rgb(93,178,248)
```
#6fbbf9
```
#6fbbf9 rgb(111,187,249)
```
#82c4fa
```
#82c4fa rgb(130,196,250)
```
#95cdfb
```
#95cdfb rgb(149,205,251)
```
#a8d6fb
```
#a8d6fb rgb(168,214,251)
```
#bbdffc
```
#bbdffc rgb(187,223,252)
```
#cee7fd
```
#cee7fd rgb(206,231,253)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,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 #00447d is the most saturated one.

#3a3f43
```
#3a3f43 rgb(58,63,67)
```
#353f48
```
#353f48 rgb(53,63,72)
```
#30404d
```
#30404d rgb(48,64,77)
```
#2b4052
```
#2b4052 rgb(43,64,82)
```
#274156
```
#274156 rgb(39,65,86)
```
#22415b
```
#22415b rgb(34,65,91)
```
#1d4260
```
#1d4260 rgb(29,66,96)
```
#184265
```
#184265 rgb(24,66,101)
```
#13436a
```
#13436a rgb(19,67,106)
```
#0f436e
```
#0f436e rgb(15,67,110)
```
#0a4473
```
#0a4473 rgb(10,68,115)
```
#054478
```
#054478 rgb(5,68,120)
```
#00447d
```
#00447d rgb(0,68,125)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2d3a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#344a7c Protanopia 1% of men
#194d7f Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#23487a Protanomaly 1% of men, 0.01% of women
#11497c Deuteranomaly 6% of men, 0.4% of women
#014e64 Tritanomaly 0.01% of the population

#054478 hex color

#054478 Color Information

#054478 Color Conversion

Color Schemes with #054478

Alternatives to #054478

#054478 Preview

Shades and Tints of #054478

Tones of #054478

Color Blindness Simulator