#054080 hex color

In a RGB color space, hex #054080 is composed of 2% red, 25.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 50% magenta, 0% yellow and 49.8% black. It has a hue angle of 211.2 degrees, a saturation of 92.5% and a lightness of 26.1%. #054080 color hex could be obtained by blending #0a80ff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 25
- B 50
RGB color chart
- C 96
- M 50
- Y 0
- K 50
CMYK color chart

● #054080 color description : Dark blue.

The hexadecimal color #054080 has RGB values of R:5, G:64, B:128 and CMYK values of C:0.96, M:0.5, Y:0, K:0.5. Its decimal value is 344192.

Hex triplet	054080	`#054080`
RGB Decimal	5, 64, 128	`rgb(5,64,128)`
RGB Percent	2, 25.1, 50.2	`rgb(2%,25.1%,50.2%)`
CMYK	96, 50, 0, 50
HSL	211.2°, 92.5, 26.1	`hsl(211.2,92.5%,26.1%)`
HSV (or HSB)	211.2°, 96.1, 50.2
Web Safe	003399	`#003399`

CIE-LAB	27.455, 9.446, -40.87
XYZ	5.791, 5.257, 21.13
xyY	0.18, 0.163, 5.257
CIE-LCH	27.455, 41.947, 283.014
CIE-LUV	27.455, -14.761, -53.085
Hunter-Lab	22.928, 4.962, -38.591
Binary	00000101, 01000000, 10000000

#054080
```
#054080 rgb(5,64,128)
```
#804505
```
#804505 rgb(128,69,5)
```

Complementary Color

#057e80
```
#057e80 rgb(5,126,128)
```
#054080
```
#054080 rgb(5,64,128)
```
#070580
```
#070580 rgb(7,5,128)
```

Analogous Color

#7e8005
```
#7e8005 rgb(126,128,5)
```
#054080
```
#054080 rgb(5,64,128)
```
#800705
```
#800705 rgb(128,7,5)
```

Split Complementary Color

#408005
```
#408005 rgb(64,128,5)
```
#054080
```
#054080 rgb(5,64,128)
```
#800540
```
#800540 rgb(128,5,64)
```

Triadic Color

#058045
```
#058045 rgb(5,128,69)
```
#054080
```
#054080 rgb(5,64,128)
```
#800540
```
#800540 rgb(128,5,64)
```
#804505
```
#804505 rgb(128,69,5)
```

Tetradic Color

#021b36
```
#021b36 rgb(2,27,54)
```
#03274f
```
#03274f rgb(3,39,79)
```
#043467
```
#043467 rgb(4,52,103)
```
#054080
```
#054080 rgb(5,64,128)
```
#064c99
```
#064c99 rgb(6,76,153)
```
#0759b1
```
#0759b1 rgb(7,89,177)
```
#0865ca
```
#0865ca rgb(8,101,202)
```

Monochromatic Color

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

#055f80
```
#055f80 rgb(5,95,128)
```
#055580
```
#055580 rgb(5,85,128)
```
#054a80
```
#054a80 rgb(5,74,128)
```
#054080
```
#054080 rgb(5,64,128)
```
#053680
```
#053680 rgb(5,54,128)
```
#052c80
```
#052c80 rgb(5,44,128)
```
#052180
```
#052180 rgb(5,33,128)
```

Similar Colors

Text with hexadecimal color #054080

This text has a font color of #054080.

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

#054080 background color

This paragraph has a background color of #054080.

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

#054080 border color

This element has a border color of #054080.

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

CSS codes

.text {color:#054080;}

.background {background-color:#054080;}

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

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, #01070f is the darkest color, while #fbfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#011122
```
#011122 rgb(1,17,34)
```
#021a34
```
#021a34 rgb(2,26,52)
```
#032447
```
#032447 rgb(3,36,71)
```
#042d5a
```
#042d5a rgb(4,45,90)
```
#04376d
```
#04376d rgb(4,55,109)
```
#054080
```
#054080 rgb(5,64,128)
```
#064993
```
#064993 rgb(6,73,147)
```
#0653a6
```
#0653a6 rgb(6,83,166)
```
#075cb9
```
#075cb9 rgb(7,92,185)
```
#0866cc
```
#0866cc rgb(8,102,204)
```
#096fde
```
#096fde rgb(9,111,222)
```
#0979f1
```
#0979f1 rgb(9,121,241)
```

Shade Color Variation

#1883f6
```
#1883f6 rgb(24,131,246)
```
#2b8df7
```
#2b8df7 rgb(43,141,247)
```
#3e97f7
```
#3e97f7 rgb(62,151,247)
```
#51a1f8
```
#51a1f8 rgb(81,161,248)
```
#64abf9
```
#64abf9 rgb(100,171,249)
```
#77b6fa
```
#77b6fa rgb(119,182,250)
```
#8ac0fa
```
#8ac0fa rgb(138,192,250)
```
#9ccafb
```
#9ccafb rgb(156,202,251)
```
#afd4fc
```
#afd4fc rgb(175,212,252)
```
#c2defd
```
#c2defd rgb(194,222,253)
```
#d5e8fd
```
#d5e8fd rgb(213,232,253)
```
#e8f3fe
```
#e8f3fe rgb(232,243,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#424243
```
#424243 rgb(66,66,67)
```
#3d4248
```
#3d4248 rgb(61,66,72)
```
#38424d
```
#38424d rgb(56,66,77)
```
#334252
```
#334252 rgb(51,66,82)
```
#2e4257
```
#2e4257 rgb(46,66,87)
```
#29415c
```
#29415c rgb(41,65,92)
```
#244161
```
#244161 rgb(36,65,97)
```
#1f4166
```
#1f4166 rgb(31,65,102)
```
#19416c
```
#19416c rgb(25,65,108)
```
#144171
```
#144171 rgb(20,65,113)
```
#0f4076
```
#0f4076 rgb(15,64,118)
```
#0a407b
```
#0a407b rgb(10,64,123)
```
#054080
```
#054080 rgb(5,64,128)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2c3845 Atypical Achromatopsia 0.001% of the population

Dichromacy

#254885 Protanopia 1% of men
#004c7d Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#194583 Protanomaly 1% of men, 0.01% of women
#01477e Deuteranomaly 6% of men, 0.4% of women
#014b65 Tritanomaly 0.01% of the population

#054080 hex color

#054080 Color Information

#054080 Color Conversion

Color Schemes with #054080

Alternatives to #054080

#054080 Preview

Shades and Tints of #054080

Tones of #054080

Color Blindness Simulator