#054284 hex color

In a RGB color space, hex #054284 is composed of 2% red, 25.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 96.2% cyan, 50% magenta, 0% yellow and 48.2% black. It has a hue angle of 211.2 degrees, a saturation of 92.7% and a lightness of 26.9%. #054284 color hex could be obtained by blending #0a84ff with #000009. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 26
- B 52
RGB color chart
- C 96
- M 50
- Y 0
- K 48
CMYK color chart

● #054284 color description : Dark blue.

The hexadecimal color #054284 has RGB values of R:5, G:66, B:132 and CMYK values of C:0.96, M:0.5, Y:0, K:0.48. Its decimal value is 344708.

Hex triplet	054284	`#054284`
RGB Decimal	5, 66, 132	`rgb(5,66,132)`
RGB Percent	2, 25.9, 51.8	`rgb(2%,25.9%,51.8%)`
CMYK	96, 50, 0, 48
HSL	211.2°, 92.7, 26.9	`hsl(211.2,92.7%,26.9%)`
HSV (or HSB)	211.2°, 96.2, 51.8
Web Safe	003399	`#003399`

CIE-LAB	28.364, 9.774, -41.896
XYZ	6.175, 5.594, 22.583
xyY	0.18, 0.163, 5.594
CIE-LCH	28.364, 43.021, 283.132
CIE-LUV	28.364, -15.249, -55.072
Hunter-Lab	23.652, 5.21, -40.054
Binary	00000101, 01000010, 10000100

#054284
```
#054284 rgb(5,66,132)
```
#844705
```
#844705 rgb(132,71,5)
```

Complementary Color

#058284
```
#058284 rgb(5,130,132)
```
#054284
```
#054284 rgb(5,66,132)
```
#080584
```
#080584 rgb(8,5,132)
```

Analogous Color

#828405
```
#828405 rgb(130,132,5)
```
#054284
```
#054284 rgb(5,66,132)
```
#840705
```
#840705 rgb(132,7,5)
```

Split Complementary Color

#428405
```
#428405 rgb(66,132,5)
```
#054284
```
#054284 rgb(5,66,132)
```
#840542
```
#840542 rgb(132,5,66)
```

Triadic Color

#058447
```
#058447 rgb(5,132,71)
```
#054284
```
#054284 rgb(5,66,132)
```
#840542
```
#840542 rgb(132,5,66)
```
#844705
```
#844705 rgb(132,71,5)
```

Tetradic Color

#021d3a
```
#021d3a rgb(2,29,58)
```
#032953
```
#032953 rgb(3,41,83)
```
#04366b
```
#04366b rgb(4,54,107)
```
#054284
```
#054284 rgb(5,66,132)
```
#064e9d
```
#064e9d rgb(6,78,157)
```
#075bb5
```
#075bb5 rgb(7,91,181)
```
#0867ce
```
#0867ce rgb(8,103,206)
```

Monochromatic Color

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

#056284
```
#056284 rgb(5,98,132)
```
#055784
```
#055784 rgb(5,87,132)
```
#054d84
```
#054d84 rgb(5,77,132)
```
#054284
```
#054284 rgb(5,66,132)
```
#053784
```
#053784 rgb(5,55,132)
```
#052d84
```
#052d84 rgb(5,45,132)
```
#052284
```
#052284 rgb(5,34,132)
```

Similar Colors

Text with hexadecimal color #054284

This text has a font color of #054284.

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

#054284 background color

This paragraph has a background color of #054284.

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

#054284 border color

This element has a border color of #054284.

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

CSS codes

.text {color:#054284;}

.background {background-color:#054284;}

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

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

#010913
```
#010913 rgb(1,9,19)
```
#011326
```
#011326 rgb(1,19,38)
```
#021c38
```
#021c38 rgb(2,28,56)
```
#03264b
```
#03264b rgb(3,38,75)
```
#042f5e
```
#042f5e rgb(4,47,94)
```
#043971
```
#043971 rgb(4,57,113)
```
#054284
```
#054284 rgb(5,66,132)
```
#064b97
```
#064b97 rgb(6,75,151)
```
#0655aa
```
#0655aa rgb(6,85,170)
```
#075ebd
```
#075ebd rgb(7,94,189)
```
#0868d0
```
#0868d0 rgb(8,104,208)
```
#0971e2
```
#0971e2 rgb(9,113,226)
```
#097bf5
```
#097bf5 rgb(9,123,245)
```

Shade Color Variation

#1c85f6
```
#1c85f6 rgb(28,133,246)
```
#2f8ff7
```
#2f8ff7 rgb(47,143,247)
```
#4299f8
```
#4299f8 rgb(66,153,248)
```
#55a3f9
```
#55a3f9 rgb(85,163,249)
```
#68aef9
```
#68aef9 rgb(104,174,249)
```
#7ab8fa
```
#7ab8fa rgb(122,184,250)
```
#8dc2fb
```
#8dc2fb rgb(141,194,251)
```
#a0ccfb
```
#a0ccfb rgb(160,204,251)
```
#b3d6fc
```
#b3d6fc rgb(179,214,252)
```
#c6e0fd
```
#c6e0fd rgb(198,224,253)
```
#d9ebfe
```
#d9ebfe rgb(217,235,254)
```
#ecf5fe
```
#ecf5fe rgb(236,245,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#3f444a
```
#3f444a rgb(63,68,74)
```
#3a444f
```
#3a444f rgb(58,68,79)
```
#344455
```
#344455 rgb(52,68,85)
```
#2f445a
```
#2f445a rgb(47,68,90)
```
#2a435f
```
#2a435f rgb(42,67,95)
```
#254364
```
#254364 rgb(37,67,100)
```
#1f436a
```
#1f436a rgb(31,67,106)
```
#1a436f
```
#1a436f rgb(26,67,111)
```
#154374
```
#154374 rgb(21,67,116)
```
#104279
```
#104279 rgb(16,66,121)
```
#0a427f
```
#0a427f rgb(10,66,127)
```
#054284
```
#054284 rgb(5,66,132)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2d3946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#254a89 Protanopia 1% of men
#004e80 Deuteranopia 1% of men
#005459 Tritanopia 0.001% of the population

Trichromacy

#194787 Protanomaly 1% of men, 0.01% of women
#014981 Deuteranomaly 6% of men, 0.4% of women
#014d68 Tritanomaly 0.01% of the population

#054284 hex color

#054284 Color Information

#054284 Color Conversion

Color Schemes with #054284

Alternatives to #054284

#054284 Preview

Shades and Tints of #054284

Tones of #054284

Color Blindness Simulator