#054699 hex color

In a RGB color space, hex #054699 is composed of 2% red, 27.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 54.2% magenta, 0% yellow and 40% black. It has a hue angle of 213.6 degrees, a saturation of 93.7% and a lightness of 31%. #054699 color hex could be obtained by blending #0a8cff with #000033. 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

● #054699 color description : Dark blue.

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

Hex triplet	054699	`#054699`
RGB Decimal	5, 70, 153	`rgb(5,70,153)`
RGB Percent	2, 27.5, 60	`rgb(2%,27.5%,60%)`
CMYK	97, 54, 0, 40
HSL	213.6°, 93.7, 31	`hsl(213.6,93.7%,31%)`
HSV (or HSB)	213.6°, 96.7, 60
Web Safe	003399	`#003399`

CIE-LAB	31.142, 15.938, -50.306
XYZ	8.001, 6.712, 31.009
xyY	0.175, 0.147, 6.712
CIE-LCH	31.142, 52.771, 287.579
CIE-LUV	31.142, -15.857, -68.361
Hunter-Lab	25.907, 9.791, -52.831
Binary	00000101, 01000110, 10011001

#054699
```
#054699 rgb(5,70,153)
```
#995805
```
#995805 rgb(153,88,5)
```

Complementary Color

#059099
```
#059099 rgb(5,144,153)
```
#054699
```
#054699 rgb(5,70,153)
```
#0e0599
```
#0e0599 rgb(14,5,153)
```

Analogous Color

#909905
```
#909905 rgb(144,153,5)
```
#054699
```
#054699 rgb(5,70,153)
```
#990e05
```
#990e05 rgb(153,14,5)
```

Split Complementary Color

#469905
```
#469905 rgb(70,153,5)
```
#054699
```
#054699 rgb(5,70,153)
```
#990546
```
#990546 rgb(153,5,70)
```

Triadic Color

#059958
```
#059958 rgb(5,153,88)
```
#054699
```
#054699 rgb(5,70,153)
```
#990546
```
#990546 rgb(153,5,70)
```
#995805
```
#995805 rgb(153,88,5)
```

Tetradic Color

#03244f
```
#03244f rgb(3,36,79)
```
#032f68
```
#032f68 rgb(3,47,104)
```
#043b80
```
#043b80 rgb(4,59,128)
```
#054699
```
#054699 rgb(5,70,153)
```
#0651b2
```
#0651b2 rgb(6,81,178)
```
#075dca
```
#075dca rgb(7,93,202)
```
#0768e3
```
#0768e3 rgb(7,104,227)
```

Monochromatic Color

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

#056b99
```
#056b99 rgb(5,107,153)
```
#055f99
```
#055f99 rgb(5,95,153)
```
#055299
```
#055299 rgb(5,82,153)
```
#054699
```
#054699 rgb(5,70,153)
```
#053a99
```
#053a99 rgb(5,58,153)
```
#052d99
```
#052d99 rgb(5,45,153)
```
#052199
```
#052199 rgb(5,33,153)
```

Similar Colors

Text with hexadecimal color #054699

This text has a font color of #054699.

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

#054699 background color

This paragraph has a background color of #054699.

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

#054699 border color

This element has a border color of #054699.

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

CSS codes

.text {color:#054699;}

.background {background-color:#054699;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010914
```
#010914 rgb(1,9,20)
```
#011227
```
#011227 rgb(1,18,39)
```
#021b3a
```
#021b3a rgb(2,27,58)
```
#03234d
```
#03234d rgb(3,35,77)
```
#032c60
```
#032c60 rgb(3,44,96)
```
#043573
```
#043573 rgb(4,53,115)
```
#043d86
```
#043d86 rgb(4,61,134)
```
#054699
```
#054699 rgb(5,70,153)
```
#064fac
```
#064fac rgb(6,79,172)
```
#0657bf
```
#0657bf rgb(6,87,191)
```
#0760d2
```
#0760d2 rgb(7,96,210)
```
#0769e5
```
#0769e5 rgb(7,105,229)
```

Shade Color Variation

#0972f7
```
#0972f7 rgb(9,114,247)
```
#1c7cf8
```
#1c7cf8 rgb(28,124,248)
```
#2f87f8
```
#2f87f8 rgb(47,135,248)
```
#4292f9
```
#4292f9 rgb(66,146,249)
```
#559df9
```
#559df9 rgb(85,157,249)
```
#68a8fa
```
#68a8fa rgb(104,168,250)
```
#7bb3fb
```
#7bb3fb rgb(123,179,251)
```
#8ebefb
```
#8ebefb rgb(142,190,251)
```
#a1c9fc
```
#a1c9fc rgb(161,201,252)
```
#b4d4fd
```
#b4d4fd rgb(180,212,253)
```
#c7dffd
```
#c7dffd rgb(199,223,253)
```
#daeafe
```
#daeafe rgb(218,234,254)
```
#edf5fe
```
#edf5fe rgb(237,245,254)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#484e56
```
#484e56 rgb(72,78,86)
```
#424d5c
```
#424d5c rgb(66,77,92)
```
#3c4d62
```
#3c4d62 rgb(60,77,98)
```
#364c68
```
#364c68 rgb(54,76,104)
```
#304b6e
```
#304b6e rgb(48,75,110)
```
#294a75
```
#294a75 rgb(41,74,117)
```
#234a7b
```
#234a7b rgb(35,74,123)
```
#1d4981
```
#1d4981 rgb(29,73,129)
```
#174887
```
#174887 rgb(23,72,135)
```
#11478d
```
#11478d rgb(17,71,141)
```
#0b4793
```
#0b4793 rgb(11,71,147)
```
#054699
```
#054699 rgb(5,70,153)
```

Tone Color Variation

Below, you can see how #054699 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
#313e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509d 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
#014f8f Deuteranomaly 6% of men, 0.4% of women
#015374 Tritanomaly 0.01% of the population

#054699 hex color

#054699 Color Information

#054699 Color Conversion

Color Schemes with #054699

Alternatives to #054699

#054699 Preview

Shades and Tints of #054699

Tones of #054699

Color Blindness Simulator