#054b8f hex color

In a RGB color space, hex #054b8f is composed of 2% red, 29.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 96.5% cyan, 47.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 209.6 degrees, a saturation of 93.2% and a lightness of 29%. #054b8f color hex could be obtained by blending #0a96ff 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

● #054b8f color description : Dark blue.

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

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

CIE-LAB	31.913, 8.273, -42.961
XYZ	7.535, 7.047, 26.948
xyY	0.181, 0.17, 7.047
CIE-LCH	31.913, 43.75, 280.9
CIE-LUV	31.913, -17.647, -58.729
Hunter-Lab	26.546, 4.214, -41.606
Binary	00000101, 01001011, 10001111

#054b8f
```
#054b8f rgb(5,75,143)
```
#8f4905
```
#8f4905 rgb(143,73,5)
```

Complementary Color

#058f8e
```
#058f8e rgb(5,143,142)
```
#054b8f
```
#054b8f rgb(5,75,143)
```
#05068f
```
#05068f rgb(5,6,143)
```

Analogous Color

#8f8e05
```
#8f8e05 rgb(143,142,5)
```
#054b8f
```
#054b8f rgb(5,75,143)
```
#8f0506
```
#8f0506 rgb(143,5,6)
```

Split Complementary Color

#4b8f05
```
#4b8f05 rgb(75,143,5)
```
#054b8f
```
#054b8f rgb(5,75,143)
```
#8f054b
```
#8f054b rgb(143,5,75)
```

Triadic Color

#058f49
```
#058f49 rgb(5,143,73)
```
#054b8f
```
#054b8f rgb(5,75,143)
```
#8f054b
```
#8f054b rgb(143,5,75)
```
#8f4905
```
#8f4905 rgb(143,73,5)
```

Tetradic Color

#022445
```
#022445 rgb(2,36,69)
```
#03315e
```
#03315e rgb(3,49,94)
```
#043e76
```
#043e76 rgb(4,62,118)
```
#054b8f
```
#054b8f rgb(5,75,143)
```
#0658a8
```
#0658a8 rgb(6,88,168)
```
#0765c0
```
#0765c0 rgb(7,101,192)
```
#0872d9
```
#0872d9 rgb(8,114,217)
```

Monochromatic Color

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

#056e8f
```
#056e8f rgb(5,110,143)
```
#05628f
```
#05628f rgb(5,98,143)
```
#05578f
```
#05578f rgb(5,87,143)
```
#054b8f
```
#054b8f rgb(5,75,143)
```
#05408f
```
#05408f rgb(5,64,143)
```
#05348f
```
#05348f rgb(5,52,143)
```
#05298f
```
#05298f rgb(5,41,143)
```

Similar Colors

Text with hexadecimal color #054b8f

This text has a font color of #054b8f.

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

#054b8f background color

This paragraph has a background color of #054b8f.

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

#054b8f border color

This element has a border color of #054b8f.

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

CSS codes

.text {color:#054b8f;}

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

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

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)
```
#043769
```
#043769 rgb(4,55,105)
```
#04417c
```
#04417c rgb(4,65,124)
```
#054b8f
```
#054b8f rgb(5,75,143)
```
#0655a2
```
#0655a2 rgb(6,85,162)
```
#065fb5
```
#065fb5 rgb(6,95,181)
```
#0769c8
```
#0769c8 rgb(7,105,200)
```
#0873db
```
#0873db rgb(8,115,219)
```
#087dee
```
#087dee rgb(8,125,238)
```

Shade Color Variation

#1386f7
```
#1386f7 rgb(19,134,247)
```
#2690f7
```
#2690f7 rgb(38,144,247)
```
#399af8
```
#399af8 rgb(57,154,248)
```
#4ca4f9
```
#4ca4f9 rgb(76,164,249)
```
#5fadf9
```
#5fadf9 rgb(95,173,249)
```
#72b7fa
```
#72b7fa rgb(114,183,250)
```
#85c1fb
```
#85c1fb rgb(133,193,251)
```
#98cafb
```
#98cafb rgb(152,202,251)
```
#abd4fc
```
#abd4fc rgb(171,212,252)
```
#bedefd
```
#bedefd rgb(190,222,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 #054b8f 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)
```
#274b6d
```
#274b6d rgb(39,75,109)
```
#214b73
```
#214b73 rgb(33,75,115)
```
#1c4b78
```
#1c4b78 rgb(28,75,120)
```
#164b7e
```
#164b7e rgb(22,75,126)
```
#104b84
```
#104b84 rgb(16,75,132)
```
#0b4b89
```
#0b4b89 rgb(11,75,137)
```
#054b8f
```
#054b8f rgb(5,75,143)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#33414e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f5292 Protanopia 1% of men
#00568e Deuteranopia 1% of men
#005c62 Tritanopia 0.001% of the population

Trichromacy

#204f91 Protanomaly 1% of men, 0.01% of women
#01528e Deuteranomaly 6% of men, 0.4% of women
#015672 Tritanomaly 0.01% of the population

#054b8f hex color

#054b8f Color Information

#054b8f Color Conversion

Color Schemes with #054b8f

Alternatives to #054b8f

#054b8f Preview

Shades and Tints of #054b8f

Tones of #054b8f

Color Blindness Simulator