#054698 hex color

In a RGB color space, hex #054698 is composed of 2% red, 27.5% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 53.9% magenta, 0% yellow and 40.4% black. It has a hue angle of 213.5 degrees, a saturation of 93.6% and a lightness of 30.8%. #054698 color hex could be obtained by blending #0a8cff with #000031. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 27
- B 60
RGB color chart
- C 97
- M 54
- Y 0
- K 40
CMYK color chart

● #054698 color description : Dark blue.

The hexadecimal color #054698 has RGB values of R:5, G:70, B:152 and CMYK values of C:0.97, M:0.54, Y:0, K:0.4. Its decimal value is 345752.

Hex triplet	054698	`#054698`
RGB Decimal	5, 70, 152	`rgb(5,70,152)`
RGB Percent	2, 27.5, 59.6	`rgb(2%,27.5%,59.6%)`
CMYK	97, 54, 0, 40
HSL	213.5°, 93.6, 30.8	`hsl(213.5,93.6%,30.8%)`
HSV (or HSB)	213.5°, 96.7, 59.6
Web Safe	003399	`#003399`

CIE-LAB	31.064, 15.517, -49.824
XYZ	7.919, 6.679, 30.576
xyY	0.175, 0.148, 6.679
CIE-LCH	31.064, 52.184, 287.298
CIE-LUV	31.064, -15.881, -67.655
Hunter-Lab	25.844, 9.47, -52.056
Binary	00000101, 01000110, 10011000

#054698
```
#054698 rgb(5,70,152)
```
#985705
```
#985705 rgb(152,87,5)
```

Complementary Color

#059098
```
#059098 rgb(5,144,152)
```
#054698
```
#054698 rgb(5,70,152)
```
#0e0598
```
#0e0598 rgb(14,5,152)
```

Analogous Color

#909805
```
#909805 rgb(144,152,5)
```
#054698
```
#054698 rgb(5,70,152)
```
#980e05
```
#980e05 rgb(152,14,5)
```

Split Complementary Color

#469805
```
#469805 rgb(70,152,5)
```
#054698
```
#054698 rgb(5,70,152)
```
#980546
```
#980546 rgb(152,5,70)
```

Triadic Color

#059857
```
#059857 rgb(5,152,87)
```
#054698
```
#054698 rgb(5,70,152)
```
#980546
```
#980546 rgb(152,5,70)
```
#985705
```
#985705 rgb(152,87,5)
```

Tetradic Color

#03244e
```
#03244e rgb(3,36,78)
```
#032f67
```
#032f67 rgb(3,47,103)
```
#043b7f
```
#043b7f rgb(4,59,127)
```
#054698
```
#054698 rgb(5,70,152)
```
#0651b1
```
#0651b1 rgb(6,81,177)
```
#075dc9
```
#075dc9 rgb(7,93,201)
```
#0768e2
```
#0768e2 rgb(7,104,226)
```

Monochromatic Color

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

#056b98
```
#056b98 rgb(5,107,152)
```
#055f98
```
#055f98 rgb(5,95,152)
```
#055298
```
#055298 rgb(5,82,152)
```
#054698
```
#054698 rgb(5,70,152)
```
#053a98
```
#053a98 rgb(5,58,152)
```
#052e98
```
#052e98 rgb(5,46,152)
```
#052198
```
#052198 rgb(5,33,152)
```

Similar Colors

Text with hexadecimal color #054698

This text has a font color of #054698.

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

#054698 background color

This paragraph has a background color of #054698.

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

#054698 border color

This element has a border color of #054698.

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

CSS codes

.text {color:#054698;}

.background {background-color:#054698;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010913
```
#010913 rgb(1,9,19)
```
#011226
```
#011226 rgb(1,18,38)
```
#021a39
```
#021a39 rgb(2,26,57)
```
#03234c
```
#03234c rgb(3,35,76)
```
#032c5f
```
#032c5f rgb(3,44,95)
```
#043572
```
#043572 rgb(4,53,114)
```
#043d85
```
#043d85 rgb(4,61,133)
```
#054698
```
#054698 rgb(5,70,152)
```
#064fab
```
#064fab rgb(6,79,171)
```
#0657be
```
#0657be rgb(6,87,190)
```
#0760d1
```
#0760d1 rgb(7,96,209)
```
#0769e4
```
#0769e4 rgb(7,105,228)
```

Shade Color Variation

#0872f7
```
#0872f7 rgb(8,114,247)
```
#1b7df8
```
#1b7df8 rgb(27,125,248)
```
#2e87f8
```
#2e87f8 rgb(46,135,248)
```
#4192f9
```
#4192f9 rgb(65,146,249)
```
#549df9
```
#549df9 rgb(84,157,249)
```
#67a8fa
```
#67a8fa rgb(103,168,250)
```
#7ab3fb
```
#7ab3fb rgb(122,179,251)
```
#8dbefb
```
#8dbefb rgb(141,190,251)
```
#a0c9fc
```
#a0c9fc rgb(160,201,252)
```
#b3d4fd
```
#b3d4fd rgb(179,212,253)
```
#c6defd
```
#c6defd rgb(198,222,253)
```
#d9e9fe
```
#d9e9fe rgb(217,233,254)
```
#ecf4fe
```
#ecf4fe rgb(236,244,254)
```

Tint Color Variation

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

#4d4e50
```
#4d4e50 rgb(77,78,80)
```
#474e56
```
#474e56 rgb(71,78,86)
```
#414d5c
```
#414d5c rgb(65,77,92)
```
#3b4c62
```
#3b4c62 rgb(59,76,98)
```
#354c68
```
#354c68 rgb(53,76,104)
```
#2f4b6e
```
#2f4b6e rgb(47,75,110)
```
#294a74
```
#294a74 rgb(41,74,116)
```
#23497a
```
#23497a rgb(35,73,122)
```
#1d4980
```
#1d4980 rgb(29,73,128)
```
#174886
```
#174886 rgb(23,72,134)
```
#11478c
```
#11478c rgb(17,71,140)
```
#0b4792
```
#0b4792 rgb(11,71,146)
```
#054698
```
#054698 rgb(5,70,152)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#313e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9d Protanopia 1% of men
#005489 Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#014c9b Protanomaly 1% of men, 0.01% of women
#014f8e Deuteranomaly 6% of men, 0.4% of women
#015374 Tritanomaly 0.01% of the population

#054698 hex color

#054698 Color Information

#054698 Color Conversion

Color Schemes with #054698

Alternatives to #054698

#054698 Preview

Shades and Tints of #054698

Tones of #054698

Color Blindness Simulator