#054888 hex color

In a RGB color space, hex #054888 is composed of 2% red, 28.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 47.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 209.3 degrees, a saturation of 92.9% and a lightness of 27.6%. #054888 color hex could be obtained by blending #0a90ff with #000011. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 28
- B 53
RGB color chart
- C 96
- M 47
- Y 0
- K 47
CMYK color chart

● #054888 color description : Dark blue.

The hexadecimal color #054888 has RGB values of R:5, G:72, B:136 and CMYK values of C:0.96, M:0.47, Y:0, K:0.47. Its decimal value is 346248.

Hex triplet	054888	`#054888`
RGB Decimal	5, 72, 136	`rgb(5,72,136)`
RGB Percent	2, 28.2, 53.3	`rgb(2%,28.2%,53.3%)`
CMYK	96, 47, 0, 47
HSL	209.3°, 92.9, 27.6	`hsl(209.3,92.9%,27.6%)`
HSV (or HSB)	209.3°, 96.3, 53.3
Web Safe	003399	`#003399`

CIE-LAB	30.506, 7.344, -40.924
XYZ	6.823, 6.444, 24.175
xyY	0.182, 0.172, 6.444
CIE-LCH	30.506, 41.578, 280.173
CIE-LUV	30.506, -16.966, -55.058
Hunter-Lab	25.385, 3.553, -38.696
Binary	00000101, 01001000, 10001000

#054888
```
#054888 rgb(5,72,136)
```
#884505
```
#884505 rgb(136,69,5)
```

Complementary Color

#058887
```
#058887 rgb(5,136,135)
```
#054888
```
#054888 rgb(5,72,136)
```
#050688
```
#050688 rgb(5,6,136)
```

Analogous Color

#888705
```
#888705 rgb(136,135,5)
```
#054888
```
#054888 rgb(5,72,136)
```
#880507
```
#880507 rgb(136,5,7)
```

Split Complementary Color

#488805
```
#488805 rgb(72,136,5)
```
#054888
```
#054888 rgb(5,72,136)
```
#880548
```
#880548 rgb(136,5,72)
```

Triadic Color

#058845
```
#058845 rgb(5,136,69)
```
#054888
```
#054888 rgb(5,72,136)
```
#880548
```
#880548 rgb(136,5,72)
```
#884505
```
#884505 rgb(136,69,5)
```

Tetradic Color

#02213e
```
#02213e rgb(2,33,62)
```
#032e57
```
#032e57 rgb(3,46,87)
```
#043b6f
```
#043b6f rgb(4,59,111)
```
#054888
```
#054888 rgb(5,72,136)
```
#0655a1
```
#0655a1 rgb(6,85,161)
```
#0762b9
```
#0762b9 rgb(7,98,185)
```
#086fd2
```
#086fd2 rgb(8,111,210)
```

Monochromatic Color

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

#056988
```
#056988 rgb(5,105,136)
```
#055e88
```
#055e88 rgb(5,94,136)
```
#055388
```
#055388 rgb(5,83,136)
```
#054888
```
#054888 rgb(5,72,136)
```
#053d88
```
#053d88 rgb(5,61,136)
```
#053288
```
#053288 rgb(5,50,136)
```
#052788
```
#052788 rgb(5,39,136)
```

Similar Colors

Text with hexadecimal color #054888

This text has a font color of #054888.

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

#054888 background color

This paragraph has a background color of #054888.

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

#054888 border color

This element has a border color of #054888.

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

CSS codes

.text {color:#054888;}

.background {background-color:#054888;}

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010c16
```
#010c16 rgb(1,12,22)
```
#021629
```
#021629 rgb(2,22,41)
```
#02203c
```
#02203c rgb(2,32,60)
```
#032a4f
```
#032a4f rgb(3,42,79)
```
#043462
```
#043462 rgb(4,52,98)
```
#043e75
```
#043e75 rgb(4,62,117)
```
#054888
```
#054888 rgb(5,72,136)
```
#06529b
```
#06529b rgb(6,82,155)
```
#065cae
```
#065cae rgb(6,92,174)
```
#0766c1
```
#0766c1 rgb(7,102,193)
```
#0870d4
```
#0870d4 rgb(8,112,212)
```
#087ae7
```
#087ae7 rgb(8,122,231)
```

Shade Color Variation

#0d84f6
```
#0d84f6 rgb(13,132,246)
```
#208ef7
```
#208ef7 rgb(32,142,247)
```
#3297f7
```
#3297f7 rgb(50,151,247)
```
#45a1f8
```
#45a1f8 rgb(69,161,248)
```
#58aaf9
```
#58aaf9 rgb(88,170,249)
```
#6bb4fa
```
#6bb4fa rgb(107,180,250)
```
#7ebefa
```
#7ebefa rgb(126,190,250)
```
#91c7fb
```
#91c7fb rgb(145,199,251)
```
#a4d1fc
```
#a4d1fc rgb(164,209,252)
```
#b7dafc
```
#b7dafc rgb(183,218,252)
```
#cae4fd
```
#cae4fd rgb(202,228,253)
```
#ddeefe
```
#ddeefe rgb(221,238,254)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#464747
```
#464747 rgb(70,71,71)
```
#41474c
```
#41474c rgb(65,71,76)
```
#3b4752
```
#3b4752 rgb(59,71,82)
```
#364757
```
#364757 rgb(54,71,87)
```
#30475d
```
#30475d rgb(48,71,93)
```
#2b4762
```
#2b4762 rgb(43,71,98)
```
#264767
```
#264767 rgb(38,71,103)
```
#20476d
```
#20476d rgb(32,71,109)
```
#1b4872
```
#1b4872 rgb(27,72,114)
```
#154878
```
#154878 rgb(21,72,120)
```
#10487d
```
#10487d rgb(16,72,125)
```
#0a4883
```
#0a4883 rgb(10,72,131)
```
#054888
```
#054888 rgb(5,72,136)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#303e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4f8c Protanopia 1% of men
#005289 Deuteranopia 1% of men
#00595e Tritanopia 0.001% of the population

Trichromacy

#204c8a Protanomaly 1% of men, 0.01% of women
#014e88 Deuteranomaly 6% of men, 0.4% of women
#01536d Tritanomaly 0.01% of the population

#054888 hex color

#054888 Color Information

#054888 Color Conversion

Color Schemes with #054888

Alternatives to #054888

#054888 Preview

Shades and Tints of #054888

Tones of #054888

Color Blindness Simulator