#054ba9 hex color

In a RGB color space, hex #054ba9 is composed of 2% red, 29.4% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 55.6% magenta, 0% yellow and 33.7% black. It has a hue angle of 214.4 degrees, a saturation of 94.3% and a lightness of 34.1%. #054ba9 color hex could be obtained by blending #0a96ff with #000053. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 29
- B 66
RGB color chart
- C 97
- M 56
- Y 0
- K 34
CMYK color chart

● #054ba9 color description : Dark blue.

The hexadecimal color #054ba9 has RGB values of R:5, G:75, B:169 and CMYK values of C:0.97, M:0.56, Y:0, K:0.34. Its decimal value is 347049.

Hex triplet	054ba9	`#054ba9`
RGB Decimal	5, 75, 169	`rgb(5,75,169)`
RGB Percent	2, 29.4, 66.3	`rgb(2%,29.4%,66.3%)`
CMYK	97, 56, 0, 34
HSL	214.4°, 94.3, 34.1	`hsl(214.4,94.3%,34.1%)`
HSV (or HSB)	214.4°, 97, 66.3
Web Safe	003399	`#003399`

CIE-LAB	33.833, 19.171, -55.57
XYZ	9.739, 7.928, 38.551
xyY	0.173, 0.141, 7.928
CIE-LCH	33.833, 58.784, 289.034
CIE-LUV	33.833, -16.888, -77.533
Hunter-Lab	28.157, 12.462, -61.467
Binary	00000101, 01001011, 10101001

#054ba9
```
#054ba9 rgb(5,75,169)
```
#a96305
```
#a96305 rgb(169,99,5)
```

Complementary Color

#059da9
```
#059da9 rgb(5,157,169)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```
#1105a9
```
#1105a9 rgb(17,5,169)
```

Analogous Color

#9da905
```
#9da905 rgb(157,169,5)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```
#a91105
```
#a91105 rgb(169,17,5)
```

Split Complementary Color

#4ba905
```
#4ba905 rgb(75,169,5)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```
#a9054b
```
#a9054b rgb(169,5,75)
```

Triadic Color

#05a963
```
#05a963 rgb(5,169,99)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```
#a9054b
```
#a9054b rgb(169,5,75)
```
#a96305
```
#a96305 rgb(169,99,5)
```

Tetradic Color

#032a5f
```
#032a5f rgb(3,42,95)
```
#043577
```
#043577 rgb(4,53,119)
```
#044090
```
#044090 rgb(4,64,144)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```
#0656c2
```
#0656c2 rgb(6,86,194)
```
#0661db
```
#0661db rgb(6,97,219)
```
#076cf3
```
#076cf3 rgb(7,108,243)
```

Monochromatic Color

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

#0574a9
```
#0574a9 rgb(5,116,169)
```
#0566a9
```
#0566a9 rgb(5,102,169)
```
#0559a9
```
#0559a9 rgb(5,89,169)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```
#053da9
```
#053da9 rgb(5,61,169)
```
#0530a9
```
#0530a9 rgb(5,48,169)
```
#0522a9
```
#0522a9 rgb(5,34,169)
```

Similar Colors

Text with hexadecimal color #054ba9

This text has a font color of #054ba9.

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

#054ba9 background color

This paragraph has a background color of #054ba9.

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

#054ba9 border color

This element has a border color of #054ba9.

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

CSS codes

.text {color:#054ba9;}

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

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

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

#000711
```
#000711 rgb(0,7,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#021837
```
#021837 rgb(2,24,55)
```
#02214a
```
#02214a rgb(2,33,74)
```
#03295d
```
#03295d rgb(3,41,93)
```
#033270
```
#033270 rgb(3,50,112)
```
#043a83
```
#043a83 rgb(4,58,131)
```
#044396
```
#044396 rgb(4,67,150)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```
#0653bc
```
#0653bc rgb(6,83,188)
```
#065ccf
```
#065ccf rgb(6,92,207)
```
#0764e2
```
#0764e2 rgb(7,100,226)
```
#076df5
```
#076df5 rgb(7,109,245)
```

Shade Color Variation

#1878f8
```
#1878f8 rgb(24,120,248)
```
#2b83f9
```
#2b83f9 rgb(43,131,249)
```
#3e8ef9
```
#3e8ef9 rgb(62,142,249)
```
#5199fa
```
#5199fa rgb(81,153,250)
```
#64a4fa
```
#64a4fa rgb(100,164,250)
```
#77affb
```
#77affb rgb(119,175,251)
```
#8abbfc
```
#8abbfc rgb(138,187,252)
```
#9dc6fc
```
#9dc6fc rgb(157,198,252)
```
#b0d1fd
```
#b0d1fd rgb(176,209,253)
```
#c3dcfd
```
#c3dcfd rgb(195,220,253)
```
#d6e7fe
```
#d6e7fe rgb(214,231,254)
```
#e9f2fe
```
#e9f2fe rgb(233,242,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#555759
```
#555759 rgb(85,87,89)
```
#4f565f
```
#4f565f rgb(79,86,95)
```
#485566
```
#485566 rgb(72,85,102)
```
#41546d
```
#41546d rgb(65,84,109)
```
#3b5373
```
#3b5373 rgb(59,83,115)
```
#34527a
```
#34527a rgb(52,82,122)
```
#2d5181
```
#2d5181 rgb(45,81,129)
```
#265088
```
#265088 rgb(38,80,136)
```
#204f8e
```
#204f8e rgb(32,79,142)
```
#194e95
```
#194e95 rgb(25,78,149)
```
#124d9c
```
#124d9c rgb(18,77,156)
```
#0c4ca2
```
#0c4ca2 rgb(12,76,162)
```
#054ba9
```
#054ba9 rgb(5,75,169)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#354356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a8 Protanopia 1% of men
#005a93 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#0151a8 Protanomaly 1% of men, 0.01% of women
#01559b Deuteranomaly 6% of men, 0.4% of women
#01597e Tritanomaly 0.01% of the population

#054ba9 hex color

#054ba9 Color Information

#054ba9 Color Conversion

Color Schemes with #054ba9

Alternatives to #054ba9

#054ba9 Preview

Shades and Tints of #054ba9

Tones of #054ba9

Color Blindness Simulator