#054f99 hex color

In a RGB color space, hex #054f99 is composed of 2% red, 31% green and 60% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 48.4% magenta, 0% yellow and 40% black. It has a hue angle of 210 degrees, a saturation of 93.7% and a lightness of 31%. #054f99 color hex could be obtained by blending #0a9eff with #000033. Closest websafe color is: #006699.

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

● #054f99 color description : Dark blue.

The hexadecimal color #054f99 has RGB values of R:5, G:79, B:153 and CMYK values of C:0.97, M:0.48, Y:0, K:0.4. Its decimal value is 348057.

Hex triplet	054f99	`#054f99`
RGB Decimal	5, 79, 153	`rgb(5,79,153)`
RGB Percent	2, 31, 60	`rgb(2%,31%,60%)`
CMYK	97, 48, 0, 40
HSL	210°, 93.7, 31	`hsl(210,93.7%,31%)`
HSV (or HSB)	210°, 96.7, 60
Web Safe	006699	`#006699`

CIE-LAB	33.823, 9.777, -45.969
XYZ	8.607, 7.923, 31.211
xyY	0.18, 0.166, 7.923
CIE-LCH	33.823, 46.997, 282.007
CIE-LUV	33.823, -18.52, -64.106
Hunter-Lab	28.148, 5.321, -46.037
Binary	00000101, 01001111, 10011001

#054f99
```
#054f99 rgb(5,79,153)
```
#994f05
```
#994f05 rgb(153,79,5)
```

Complementary Color

#059999
```
#059999 rgb(5,153,153)
```
#054f99
```
#054f99 rgb(5,79,153)
```
#050599
```
#050599 rgb(5,5,153)
```

Analogous Color

#999905
```
#999905 rgb(153,153,5)
```
#054f99
```
#054f99 rgb(5,79,153)
```
#990505
```
#990505 rgb(153,5,5)
```

Split Complementary Color

#4f9905
```
#4f9905 rgb(79,153,5)
```
#054f99
```
#054f99 rgb(5,79,153)
```
#99054f
```
#99054f rgb(153,5,79)
```

Triadic Color

#05994f
```
#05994f rgb(5,153,79)
```
#054f99
```
#054f99 rgb(5,79,153)
```
#99054f
```
#99054f rgb(153,5,79)
```
#994f05
```
#994f05 rgb(153,79,5)
```

Tetradic Color

#03294f
```
#03294f rgb(3,41,79)
```
#033668
```
#033668 rgb(3,54,104)
```
#044280
```
#044280 rgb(4,66,128)
```
#054f99
```
#054f99 rgb(5,79,153)
```
#065cb2
```
#065cb2 rgb(6,92,178)
```
#0769ca
```
#0769ca rgb(7,105,202)
```
#0775e3
```
#0775e3 rgb(7,117,227)
```

Monochromatic Color

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

#057499
```
#057499 rgb(5,116,153)
```
#056899
```
#056899 rgb(5,104,153)
```
#055b99
```
#055b99 rgb(5,91,153)
```
#054f99
```
#054f99 rgb(5,79,153)
```
#054399
```
#054399 rgb(5,67,153)
```
#053699
```
#053699 rgb(5,54,153)
```
#052a99
```
#052a99 rgb(5,42,153)
```

Similar Colors

Text with hexadecimal color #054f99

This text has a font color of #054f99.

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

#054f99 background color

This paragraph has a background color of #054f99.

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

#054f99 border color

This element has a border color of #054f99.

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

CSS codes

.text {color:#054f99;}

.background {background-color:#054f99;}

.border {border:1px solid #054f99;}

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

#000101
```
#000101 rgb(0,1,1)
```
#010a14
```
#010a14 rgb(1,10,20)
```
#011427
```
#011427 rgb(1,20,39)
```
#021e3a
```
#021e3a rgb(2,30,58)
```
#03284d
```
#03284d rgb(3,40,77)
```
#033260
```
#033260 rgb(3,50,96)
```
#043b73
```
#043b73 rgb(4,59,115)
```
#044586
```
#044586 rgb(4,69,134)
```
#054f99
```
#054f99 rgb(5,79,153)
```
#0659ac
```
#0659ac rgb(6,89,172)
```
#0663bf
```
#0663bf rgb(6,99,191)
```
#076cd2
```
#076cd2 rgb(7,108,210)
```
#0776e5
```
#0776e5 rgb(7,118,229)
```

Shade Color Variation

#0980f7
```
#0980f7 rgb(9,128,247)
```
#1c8af8
```
#1c8af8 rgb(28,138,248)
```
#2f94f8
```
#2f94f8 rgb(47,148,248)
```
#429df9
```
#429df9 rgb(66,157,249)
```
#55a7f9
```
#55a7f9 rgb(85,167,249)
```
#68b1fa
```
#68b1fa rgb(104,177,250)
```
#7bbbfb
```
#7bbbfb rgb(123,187,251)
```
#8ec5fb
```
#8ec5fb rgb(142,197,251)
```
#a1cffc
```
#a1cffc rgb(161,207,252)
```
#b4d8fd
```
#b4d8fd rgb(180,216,253)
```
#c7e2fd
```
#c7e2fd rgb(199,226,253)
```
#daecfe
```
#daecfe rgb(218,236,254)
```
#edf6fe
```
#edf6fe rgb(237,246,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 #054f99 is the most saturated one.

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#484f56
```
#484f56 rgb(72,79,86)
```
#424f5c
```
#424f5c rgb(66,79,92)
```
#3c4f62
```
#3c4f62 rgb(60,79,98)
```
#364f68
```
#364f68 rgb(54,79,104)
```
#304f6e
```
#304f6e rgb(48,79,110)
```
#294f75
```
#294f75 rgb(41,79,117)
```
#234f7b
```
#234f7b rgb(35,79,123)
```
#1d4f81
```
#1d4f81 rgb(29,79,129)
```
#174f87
```
#174f87 rgb(23,79,135)
```
#114f8d
```
#114f8d rgb(17,79,141)
```
#0b4f93
```
#0b4f93 rgb(11,79,147)
```
#054f99
```
#054f99 rgb(5,79,153)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#354453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e569c Protanopia 1% of men
#005a95 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1f539b Protanomaly 1% of men, 0.01% of women
#015696 Deuteranomaly 6% of men, 0.4% of women
#015a79 Tritanomaly 0.01% of the population

#054f99 hex color

#054f99 Color Information

#054f99 Color Conversion

Color Schemes with #054f99

Alternatives to #054f99

#054f99 Preview

Shades and Tints of #054f99

Tones of #054f99

Color Blindness Simulator