#054f93 hex color

In a RGB color space, hex #054f93 is composed of 2% red, 31% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 46.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 208.7 degrees, a saturation of 93.4% and a lightness of 29.8%. #054f93 color hex could be obtained by blending #0a9eff with #000027. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 31
- B 58
RGB color chart
- C 97
- M 46
- Y 0
- K 42
CMYK color chart

● #054f93 color description : Dark blue.

The hexadecimal color #054f93 has RGB values of R:5, G:79, B:147 and CMYK values of C:0.97, M:0.46, Y:0, K:0.42. Its decimal value is 348051.

Hex triplet	054f93	`#054f93`
RGB Decimal	5, 79, 147	`rgb(5,79,147)`
RGB Percent	2, 31, 57.6	`rgb(2%,31%,57.6%)`
CMYK	97, 46, 0, 42
HSL	208.7°, 93.4, 29.8	`hsl(208.7,93.4%,29.8%)`
HSV (or HSB)	208.7°, 96.6, 57.6
Web Safe	006699	`#006699`

CIE-LAB	33.414, 7.255, -42.987
XYZ	8.124, 7.73, 28.666
xyY	0.182, 0.174, 7.73
CIE-LCH	33.414, 43.594, 279.579
CIE-LUV	33.414, -18.746, -59.581
Hunter-Lab	27.803, 3.501, -41.668
Binary	00000101, 01001111, 10010011

#054f93
```
#054f93 rgb(5,79,147)
```
#934905
```
#934905 rgb(147,73,5)
```

Complementary Color

#059390
```
#059390 rgb(5,147,144)
```
#054f93
```
#054f93 rgb(5,79,147)
```
#050893
```
#050893 rgb(5,8,147)
```

Analogous Color

#939005
```
#939005 rgb(147,144,5)
```
#054f93
```
#054f93 rgb(5,79,147)
```
#930508
```
#930508 rgb(147,5,8)
```

Split Complementary Color

#4f9305
```
#4f9305 rgb(79,147,5)
```
#054f93
```
#054f93 rgb(5,79,147)
```
#93054f
```
#93054f rgb(147,5,79)
```

Triadic Color

#059349
```
#059349 rgb(5,147,73)
```
#054f93
```
#054f93 rgb(5,79,147)
```
#93054f
```
#93054f rgb(147,5,79)
```
#934905
```
#934905 rgb(147,73,5)
```

Tetradic Color

#022749
```
#022749 rgb(2,39,73)
```
#033462
```
#033462 rgb(3,52,98)
```
#04427a
```
#04427a rgb(4,66,122)
```
#054f93
```
#054f93 rgb(5,79,147)
```
#065cac
```
#065cac rgb(6,92,172)
```
#076ac4
```
#076ac4 rgb(7,106,196)
```
#0877dd
```
#0877dd rgb(8,119,221)
```

Monochromatic Color

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

#057393
```
#057393 rgb(5,115,147)
```
#056793
```
#056793 rgb(5,103,147)
```
#055b93
```
#055b93 rgb(5,91,147)
```
#054f93
```
#054f93 rgb(5,79,147)
```
#054393
```
#054393 rgb(5,67,147)
```
#053793
```
#053793 rgb(5,55,147)
```
#052c93
```
#052c93 rgb(5,44,147)
```

Similar Colors

Text with hexadecimal color #054f93

This text has a font color of #054f93.

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

#054f93 background color

This paragraph has a background color of #054f93.

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

#054f93 border color

This element has a border color of #054f93.

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

CSS codes

.text {color:#054f93;}

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

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

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, #00080e is the darkest color, while #fafdff is the lightest one.

#00080e
```
#00080e rgb(0,8,14)
```
#011221
```
#011221 rgb(1,18,33)
```
#021c34
```
#021c34 rgb(2,28,52)
```
#022647
```
#022647 rgb(2,38,71)
```
#03305a
```
#03305a rgb(3,48,90)
```
#043b6d
```
#043b6d rgb(4,59,109)
```
#044580
```
#044580 rgb(4,69,128)
```
#054f93
```
#054f93 rgb(5,79,147)
```
#0659a6
```
#0659a6 rgb(6,89,166)
```
#0663b9
```
#0663b9 rgb(6,99,185)
```
#076ecc
```
#076ecc rgb(7,110,204)
```
#0878df
```
#0878df rgb(8,120,223)
```
#0882f2
```
#0882f2 rgb(8,130,242)
```

Shade Color Variation

#178cf7
```
#178cf7 rgb(23,140,247)
```
#2a95f8
```
#2a95f8 rgb(42,149,248)
```
#3d9ef8
```
#3d9ef8 rgb(61,158,248)
```
#50a8f9
```
#50a8f9 rgb(80,168,249)
```
#62b1fa
```
#62b1fa rgb(98,177,250)
```
#75bbfa
```
#75bbfa rgb(117,187,250)
```
#88c4fb
```
#88c4fb rgb(136,196,251)
```
#9bcefc
```
#9bcefc rgb(155,206,252)
```
#aed7fc
```
#aed7fc rgb(174,215,252)
```
#c1e0fd
```
#c1e0fd rgb(193,224,253)
```
#d4eafe
```
#d4eafe rgb(212,234,254)
```
#e7f3fe
```
#e7f3fe rgb(231,243,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#4b4c4d
```
#4b4c4d rgb(75,76,77)
```
#454c53
```
#454c53 rgb(69,76,83)
```
#3f4d59
```
#3f4d59 rgb(63,77,89)
```
#3a4d5e
```
#3a4d5e rgb(58,77,94)
```
#344d64
```
#344d64 rgb(52,77,100)
```
#2e4d6a
```
#2e4d6a rgb(46,77,106)
```
#284e70
```
#284e70 rgb(40,78,112)
```
#224e76
```
#224e76 rgb(34,78,118)
```
#1c4e7c
```
#1c4e7c rgb(28,78,124)
```
#174e81
```
#174e81 rgb(23,78,129)
```
#114f87
```
#114f87 rgb(17,79,135)
```
#0b4f8d
```
#0b4f8d rgb(11,79,141)
```
#054f93
```
#054f93 rgb(5,79,147)
```

Tone Color Variation

Below, you can see how #054f93 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
#354451 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345596 Protanopia 1% of men
#005994 Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#235395 Protanomaly 1% of men, 0.01% of women
#015593 Deuteranomaly 6% of men, 0.4% of women
#015a76 Tritanomaly 0.01% of the population

#054f93 hex color

#054f93 Color Information

#054f93 Color Conversion

Color Schemes with #054f93

Alternatives to #054f93

#054f93 Preview

Shades and Tints of #054f93

Tones of #054f93

Color Blindness Simulator