#054a8f hex color

In a RGB color space, hex #054a8f is composed of 2% red, 29% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 96.5% cyan, 48.3% magenta, 0% yellow and 43.9% black. It has a hue angle of 210 degrees, a saturation of 93.2% and a lightness of 29%. #054a8f color hex could be obtained by blending #0a94ff with #00001f. Closest websafe color is: #003399.

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

● #054a8f color description : Dark blue.

The hexadecimal color #054a8f has RGB values of R:5, G:74, B:143 and CMYK values of C:0.97, M:0.48, Y:0, K:0.44. Its decimal value is 346767.

Hex triplet	054a8f	`#054a8f`
RGB Decimal	5, 74, 143	`rgb(5,74,143)`
RGB Percent	2, 29, 56.1	`rgb(2%,29%,56.1%)`
CMYK	97, 48, 0, 44
HSL	210°, 93.2, 29	`hsl(210,93.2%,29%)`
HSV (or HSB)	210°, 96.5, 56.1
Web Safe	003399	`#003399`

CIE-LAB	31.606, 8.955, -43.455
XYZ	7.468, 6.912, 26.926
xyY	0.181, 0.167, 6.912
CIE-LCH	31.606, 44.368, 281.644
CIE-LUV	31.606, -17.338, -59.251
Hunter-Lab	26.291, 4.694, -42.317
Binary	00000101, 01001010, 10001111

#054a8f
```
#054a8f rgb(5,74,143)
```
#8f4a05
```
#8f4a05 rgb(143,74,5)
```

Complementary Color

#058f8f
```
#058f8f rgb(5,143,143)
```
#054a8f
```
#054a8f rgb(5,74,143)
```
#05058f
```
#05058f rgb(5,5,143)
```

Analogous Color

#8f8f05
```
#8f8f05 rgb(143,143,5)
```
#054a8f
```
#054a8f rgb(5,74,143)
```
#8f0505
```
#8f0505 rgb(143,5,5)
```

Split Complementary Color

#4a8f05
```
#4a8f05 rgb(74,143,5)
```
#054a8f
```
#054a8f rgb(5,74,143)
```
#8f054a
```
#8f054a rgb(143,5,74)
```

Triadic Color

#058f4a
```
#058f4a rgb(5,143,74)
```
#054a8f
```
#054a8f rgb(5,74,143)
```
#8f054a
```
#8f054a rgb(143,5,74)
```
#8f4a05
```
#8f4a05 rgb(143,74,5)
```

Tetradic Color

#022445
```
#022445 rgb(2,36,69)
```
#03315e
```
#03315e rgb(3,49,94)
```
#043d76
```
#043d76 rgb(4,61,118)
```
#054a8f
```
#054a8f rgb(5,74,143)
```
#0657a8
```
#0657a8 rgb(6,87,168)
```
#0764c0
```
#0764c0 rgb(7,100,192)
```
#0870d9
```
#0870d9 rgb(8,112,217)
```

Monochromatic Color

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

#056d8f
```
#056d8f rgb(5,109,143)
```
#05618f
```
#05618f rgb(5,97,143)
```
#05568f
```
#05568f rgb(5,86,143)
```
#054a8f
```
#054a8f rgb(5,74,143)
```
#053f8f
```
#053f8f rgb(5,63,143)
```
#05338f
```
#05338f rgb(5,51,143)
```
#05288f
```
#05288f rgb(5,40,143)
```

Similar Colors

Text with hexadecimal color #054a8f

This text has a font color of #054a8f.

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

#054a8f background color

This paragraph has a background color of #054a8f.

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

#054a8f border color

This element has a border color of #054a8f.

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

CSS codes

.text {color:#054a8f;}

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

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

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, #00050a is the darkest color, while #f6fbff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#010f1d
```
#010f1d rgb(1,15,29)
```
#021930
```
#021930 rgb(2,25,48)
```
#022343
```
#022343 rgb(2,35,67)
```
#032d56
```
#032d56 rgb(3,45,86)
```
#043669
```
#043669 rgb(4,54,105)
```
#04407c
```
#04407c rgb(4,64,124)
```
#054a8f
```
#054a8f rgb(5,74,143)
```
#0654a2
```
#0654a2 rgb(6,84,162)
```
#065eb5
```
#065eb5 rgb(6,94,181)
```
#0767c8
```
#0767c8 rgb(7,103,200)
```
#0871db
```
#0871db rgb(8,113,219)
```
#087bee
```
#087bee rgb(8,123,238)
```

Shade Color Variation

#1385f7
```
#1385f7 rgb(19,133,247)
```
#268ff7
```
#268ff7 rgb(38,143,247)
```
#3998f8
```
#3998f8 rgb(57,152,248)
```
#4ca2f9
```
#4ca2f9 rgb(76,162,249)
```
#5facf9
```
#5facf9 rgb(95,172,249)
```
#72b6fa
```
#72b6fa rgb(114,182,250)
```
#85c0fb
```
#85c0fb rgb(133,192,251)
```
#98cafb
```
#98cafb rgb(152,202,251)
```
#abd3fc
```
#abd3fc rgb(171,211,252)
```
#beddfd
```
#beddfd rgb(190,221,253)
```
#d0e7fd
```
#d0e7fd rgb(208,231,253)
```
#e3f1fe
```
#e3f1fe rgb(227,241,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#494a4b
```
#494a4b rgb(73,74,75)
```
#444a50
```
#444a50 rgb(68,74,80)
```
#3e4a56
```
#3e4a56 rgb(62,74,86)
```
#384a5c
```
#384a5c rgb(56,74,92)
```
#334a61
```
#334a61 rgb(51,74,97)
```
#2d4a67
```
#2d4a67 rgb(45,74,103)
```
#274a6d
```
#274a6d rgb(39,74,109)
```
#214a73
```
#214a73 rgb(33,74,115)
```
#1c4a78
```
#1c4a78 rgb(28,74,120)
```
#164a7e
```
#164a7e rgb(22,74,126)
```
#104a84
```
#104a84 rgb(16,74,132)
```
#0b4a89
```
#0b4a89 rgb(11,74,137)
```
#054a8f
```
#054a8f rgb(5,74,143)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#32404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d5193 Protanopia 1% of men
#00558c Deuteranopia 1% of men
#005c61 Tritanopia 0.001% of the population

Trichromacy

#1e4e91 Protanomaly 1% of men, 0.01% of women
#01518d Deuteranomaly 6% of men, 0.4% of women
#015571 Tritanomaly 0.01% of the population

#054a8f hex color

#054a8f Color Information

#054a8f Color Conversion

Color Schemes with #054a8f

Alternatives to #054a8f

#054a8f Preview

Shades and Tints of #054a8f

Tones of #054a8f

Color Blindness Simulator