#054488 hex color

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

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

● #054488 color description : Dark blue.

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

Hex triplet	054488	`#054488`
RGB Decimal	5, 68, 136	`rgb(5,68,136)`
RGB Percent	2, 26.7, 53.3	`rgb(2%,26.7%,53.3%)`
CMYK	96, 50, 0, 47
HSL	211.1°, 92.9, 27.6	`hsl(211.1,92.9%,27.6%)`
HSV (or HSB)	211.1°, 96.3, 53.3
Web Safe	003399	`#003399`

CIE-LAB	29.269, 10.101, -42.916
XYZ	6.573, 5.943, 24.092
xyY	0.18, 0.162, 5.943
CIE-LCH	29.269, 44.089, 283.245
CIE-LUV	29.269, -15.734, -57.051
Hunter-Lab	24.379, 5.46, -41.526
Binary	00000101, 01000100, 10001000

#054488
```
#054488 rgb(5,68,136)
```
#884905
```
#884905 rgb(136,73,5)
```

Complementary Color

#058688
```
#058688 rgb(5,134,136)
```
#054488
```
#054488 rgb(5,68,136)
```
#080588
```
#080588 rgb(8,5,136)
```

Analogous Color

#868805
```
#868805 rgb(134,136,5)
```
#054488
```
#054488 rgb(5,68,136)
```
#880805
```
#880805 rgb(136,8,5)
```

Split Complementary Color

#448805
```
#448805 rgb(68,136,5)
```
#054488
```
#054488 rgb(5,68,136)
```
#880544
```
#880544 rgb(136,5,68)
```

Triadic Color

#058849
```
#058849 rgb(5,136,73)
```
#054488
```
#054488 rgb(5,68,136)
```
#880544
```
#880544 rgb(136,5,68)
```
#884905
```
#884905 rgb(136,73,5)
```

Tetradic Color

#021f3e
```
#021f3e rgb(2,31,62)
```
#032b57
```
#032b57 rgb(3,43,87)
```
#04386f
```
#04386f rgb(4,56,111)
```
#054488
```
#054488 rgb(5,68,136)
```
#0650a1
```
#0650a1 rgb(6,80,161)
```
#075db9
```
#075db9 rgb(7,93,185)
```
#0869d2
```
#0869d2 rgb(8,105,210)
```

Monochromatic Color

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

#056588
```
#056588 rgb(5,101,136)
```
#055a88
```
#055a88 rgb(5,90,136)
```
#054f88
```
#054f88 rgb(5,79,136)
```
#054488
```
#054488 rgb(5,68,136)
```
#053988
```
#053988 rgb(5,57,136)
```
#052e88
```
#052e88 rgb(5,46,136)
```
#052388
```
#052388 rgb(5,35,136)
```

Similar Colors

Text with hexadecimal color #054488

This text has a font color of #054488.

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

#054488 background color

This paragraph has a background color of #054488.

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

#054488 border color

This element has a border color of #054488.

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

CSS codes

.text {color:#054488;}

.background {background-color:#054488;}

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

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)
```
#010b16
```
#010b16 rgb(1,11,22)
```
#021529
```
#021529 rgb(2,21,41)
```
#021e3c
```
#021e3c rgb(2,30,60)
```
#03284f
```
#03284f rgb(3,40,79)
```
#043162
```
#043162 rgb(4,49,98)
```
#043b75
```
#043b75 rgb(4,59,117)
```
#054488
```
#054488 rgb(5,68,136)
```
#064d9b
```
#064d9b rgb(6,77,155)
```
#0657ae
```
#0657ae rgb(6,87,174)
```
#0760c1
```
#0760c1 rgb(7,96,193)
```
#086ad4
```
#086ad4 rgb(8,106,212)
```
#0873e7
```
#0873e7 rgb(8,115,231)
```

Shade Color Variation

#0d7df6
```
#0d7df6 rgb(13,125,246)
```
#2087f7
```
#2087f7 rgb(32,135,247)
```
#3291f7
```
#3291f7 rgb(50,145,247)
```
#459bf8
```
#459bf8 rgb(69,155,248)
```
#58a6f9
```
#58a6f9 rgb(88,166,249)
```
#6bb0fa
```
#6bb0fa rgb(107,176,250)
```
#7ebafa
```
#7ebafa rgb(126,186,250)
```
#91c4fb
```
#91c4fb rgb(145,196,251)
```
#a4cefc
```
#a4cefc rgb(164,206,252)
```
#b7d8fc
```
#b7d8fc rgb(183,216,252)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#ddedfe
```
#ddedfe rgb(221,237,254)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#464647
```
#464647 rgb(70,70,71)
```
#41464c
```
#41464c rgb(65,70,76)
```
#3b4652
```
#3b4652 rgb(59,70,82)
```
#364657
```
#364657 rgb(54,70,87)
```
#30465d
```
#30465d rgb(48,70,93)
```
#2b4562
```
#2b4562 rgb(43,69,98)
```
#264567
```
#264567 rgb(38,69,103)
```
#20456d
```
#20456d rgb(32,69,109)
```
#1b4572
```
#1b4572 rgb(27,69,114)
```
#154578
```
#154578 rgb(21,69,120)
```
#10447d
```
#10447d rgb(16,68,125)
```
#0a4483
```
#0a4483 rgb(10,68,131)
```
#054488
```
#054488 rgb(5,68,136)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#2f3b49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#264c8d Protanopia 1% of men
#005084 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#1a498b Protanomaly 1% of men, 0.01% of women
#014b85 Deuteranomaly 6% of men, 0.4% of women
#014f6b Tritanomaly 0.01% of the population

#054488 hex color

#054488 Color Information

#054488 Color Conversion

Color Schemes with #054488

Alternatives to #054488

#054488 Preview

Shades and Tints of #054488

Tones of #054488

Color Blindness Simulator