colorhexa.com

#054b99 hex color

In a RGB color space, hex #054b99 is composed of 2% red, 29.4% green and 60% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 51% magenta, 0% yellow and 40% black. It has a hue angle of 211.6 degrees, a saturation of 93.7% and a lightness of 31%. #054b99 color hex could be obtained by blending #0a96ff with #000033. Closest websafe color is: #003399.

- R 2
- G 29
- B 60
RGB color chart
- C 97
- M 51
- Y 0
- K 40
CMYK color chart

● #054b99 color description : Dark blue.

The hexadecimal color #054b99 has RGB values of R:5, G:75, B:153 and CMYK values of C:0.97, M:0.51, Y:0, K:0.4. Its decimal value is 347033.

Hex triplet	054b99	`#054b99`
RGB Decimal	5, 75, 153	`rgb(5,75,153)`
RGB Percent	2, 29.4, 60	`rgb(2%,29.4%,60%)`
CMYK	97, 51, 0, 40
HSL	211.6°, 93.7, 31	`hsl(211.6,93.7%,31%)`
HSV (or HSB)	211.6°, 96.7, 60
Web Safe	003399	`#003399`

CIE-LAB	32.621, 12.498, -47.91
XYZ	8.327, 7.364, 31.118
xyY	0.178, 0.157, 7.364
CIE-LCH	32.621, 49.513, 284.62
CIE-LUV	32.621, -17.312, -66.124
Hunter-Lab	27.136, 7.288, -48.995
Binary	00000101, 01001011, 10011001

#054b99
```
#054b99 rgb(5,75,153)
```
#995305
```
#995305 rgb(153,83,5)
```

Complementary Color

#059599
```
#059599 rgb(5,149,153)
```
#054b99
```
#054b99 rgb(5,75,153)
```
#090599
```
#090599 rgb(9,5,153)
```

Analogous Color

#959905
```
#959905 rgb(149,153,5)
```
#054b99
```
#054b99 rgb(5,75,153)
```
#990905
```
#990905 rgb(153,9,5)
```

Split Complementary Color

#03274f
```
#03274f rgb(3,39,79)
```
#033368
```
#033368 rgb(3,51,104)
```
#043f80
```
#043f80 rgb(4,63,128)
```
#054b99
```
#054b99 rgb(5,75,153)
```
#0657b2
```
#0657b2 rgb(6,87,178)
```
#0763ca
```
#0763ca rgb(7,99,202)
```
#076fe3
```
#076fe3 rgb(7,111,227)
```

Monochromatic Color

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

#057099
```
#057099 rgb(5,112,153)
```
#056499
```
#056499 rgb(5,100,153)
```
#055799
```
#055799 rgb(5,87,153)
```
#054b99
```
#054b99 rgb(5,75,153)
```
#053f99
```
#053f99 rgb(5,63,153)
```
#053299
```
#053299 rgb(5,50,153)
```
#052699
```
#052699 rgb(5,38,153)
```

Similar Colors

Text with hexadecimal color #054b99

This text has a font color of #054b99.

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

#054b99 background color

This paragraph has a background color of #054b99.

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

#054b99 border color

This element has a border color of #054b99.

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

CSS codes

.text {color:#054b99;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010a14
```
#010a14 rgb(1,10,20)
```
#011327
```
#011327 rgb(1,19,39)
```
#021c3a
```
#021c3a rgb(2,28,58)
```
#03264d
```
#03264d rgb(3,38,77)
```
#032f60
```
#032f60 rgb(3,47,96)
```
#043873
```
#043873 rgb(4,56,115)
```
#044286
```
#044286 rgb(4,66,134)
```
#054b99
```
#054b99 rgb(5,75,153)
```
#0654ac
```
#0654ac rgb(6,84,172)
```
#065ebf
```
#065ebf rgb(6,94,191)
```
#0767d2
```
#0767d2 rgb(7,103,210)
```
#0770e5
```
#0770e5 rgb(7,112,229)
```

Shade Color Variation

#097af7
```
#097af7 rgb(9,122,247)
```
#1c84f8
```
#1c84f8 rgb(28,132,248)
```
#2f8ef8
```
#2f8ef8 rgb(47,142,248)
```
#4299f9
```
#4299f9 rgb(66,153,249)
```
#55a3f9
```
#55a3f9 rgb(85,163,249)
```
#68adfa
```
#68adfa rgb(104,173,250)
```
#7bb7fb
```
#7bb7fb rgb(123,183,251)
```
#8ec2fb
```
#8ec2fb rgb(142,194,251)
```
#a1ccfc
```
#a1ccfc rgb(161,204,252)
```
#b4d6fd
```
#b4d6fd rgb(180,214,253)
```
#c7e1fd
```
#c7e1fd rgb(199,225,253)
```
#daebfe
```
#daebfe rgb(218,235,254)
```
#edf5fe
```
#edf5fe rgb(237,245,254)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#484f56
```
#484f56 rgb(72,79,86)
```
#424e5c
```
#424e5c rgb(66,78,92)
```
#3c4e62
```
#3c4e62 rgb(60,78,98)
```
#364e68
```
#364e68 rgb(54,78,104)
```
#304d6e
```
#304d6e rgb(48,77,110)
```
#294d75
```
#294d75 rgb(41,77,117)
```
#234d7b
```
#234d7b rgb(35,77,123)
```
#1d4c81
```
#1d4c81 rgb(29,76,129)
```
#174c87
```
#174c87 rgb(23,76,135)
```
#114c8d
```
#114c8d rgb(17,76,141)
```
#0b4b93
```
#0b4b93 rgb(11,75,147)
```
#054b99
```
#054b99 rgb(5,75,153)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#334151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#23539d Protanopia 1% of men
#00578f Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#18509b Protanomaly 1% of men, 0.01% of women
#015393 Deuteranomaly 6% of men, 0.4% of women
#015777 Tritanomaly 0.01% of the population