#054f9f hex color

In a RGB color space, hex #054f9f is composed of 2% red, 31% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 50.3% magenta, 0% yellow and 37.6% black. It has a hue angle of 211.2 degrees, a saturation of 93.9% and a lightness of 32.2%. #054f9f color hex could be obtained by blending #0a9eff with #00003f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 31
- B 62
RGB color chart
- C 97
- M 50
- Y 0
- K 38
CMYK color chart

● #054f9f color description : Dark blue.

The hexadecimal color #054f9f has RGB values of R:5, G:79, B:159 and CMYK values of C:0.97, M:0.5, Y:0, K:0.38. Its decimal value is 348063.

Hex triplet	054f9f	`#054f9f`
RGB Decimal	5, 79, 159	`rgb(5,79,159)`
RGB Percent	2, 31, 62.4	`rgb(2%,31%,62.4%)`
CMYK	97, 50, 0, 38
HSL	211.2°, 93.9, 32.2	`hsl(211.2,93.9%,32.2%)`
HSV (or HSB)	211.2°, 96.9, 62.4
Web Safe	006699	`#006699`

CIE-LAB	34.245, 12.291, -48.906
XYZ	9.115, 8.127, 33.887
xyY	0.178, 0.159, 8.127
CIE-LCH	34.245, 50.427, 284.107
CIE-LUV	34.245, -18.314, -68.557
Hunter-Lab	28.507, 7.188, -50.524
Binary	00000101, 01001111, 10011111

#054f9f
```
#054f9f rgb(5,79,159)
```
#9f5505
```
#9f5505 rgb(159,85,5)
```

Complementary Color

#059c9f
```
#059c9f rgb(5,156,159)
```
#054f9f
```
#054f9f rgb(5,79,159)
```
#08059f
```
#08059f rgb(8,5,159)
```

Analogous Color

#9c9f05
```
#9c9f05 rgb(156,159,5)
```
#054f9f
```
#054f9f rgb(5,79,159)
```
#9f0805
```
#9f0805 rgb(159,8,5)
```

Split Complementary Color

#4f9f05
```
#4f9f05 rgb(79,159,5)
```
#054f9f
```
#054f9f rgb(5,79,159)
```
#9f054f
```
#9f054f rgb(159,5,79)
```

Triadic Color

#059f55
```
#059f55 rgb(5,159,85)
```
#054f9f
```
#054f9f rgb(5,79,159)
```
#9f054f
```
#9f054f rgb(159,5,79)
```
#9f5505
```
#9f5505 rgb(159,85,5)
```

Tetradic Color

#032a55
```
#032a55 rgb(3,42,85)
```
#03366e
```
#03366e rgb(3,54,110)
```
#044386
```
#044386 rgb(4,67,134)
```
#054f9f
```
#054f9f rgb(5,79,159)
```
#065bb8
```
#065bb8 rgb(6,91,184)
```
#0768d0
```
#0768d0 rgb(7,104,208)
```
#0774e9
```
#0774e9 rgb(7,116,233)
```

Monochromatic Color

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

#05769f
```
#05769f rgb(5,118,159)
```
#05699f
```
#05699f rgb(5,105,159)
```
#055c9f
```
#055c9f rgb(5,92,159)
```
#054f9f
```
#054f9f rgb(5,79,159)
```
#05429f
```
#05429f rgb(5,66,159)
```
#05359f
```
#05359f rgb(5,53,159)
```
#05299f
```
#05299f rgb(5,41,159)
```

Similar Colors

Text with hexadecimal color #054f9f

This text has a font color of #054f9f.

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

#054f9f background color

This paragraph has a background color of #054f9f.

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

#054f9f border color

This element has a border color of #054f9f.

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

CSS codes

.text {color:#054f9f;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010d1a
```
#010d1a rgb(1,13,26)
```
#01162d
```
#01162d rgb(1,22,45)
```
#022040
```
#022040 rgb(2,32,64)
```
#032953
```
#032953 rgb(3,41,83)
```
#033366
```
#033366 rgb(3,51,102)
```
#043c79
```
#043c79 rgb(4,60,121)
```
#04468c
```
#04468c rgb(4,70,140)
```
#054f9f
```
#054f9f rgb(5,79,159)
```
#0658b2
```
#0658b2 rgb(6,88,178)
```
#0662c5
```
#0662c5 rgb(6,98,197)
```
#076bd8
```
#076bd8 rgb(7,107,216)
```
#0775eb
```
#0775eb rgb(7,117,235)
```

Shade Color Variation

#0f7ff7
```
#0f7ff7 rgb(15,127,247)
```
#2289f8
```
#2289f8 rgb(34,137,248)
```
#3593f9
```
#3593f9 rgb(53,147,249)
```
#489df9
```
#489df9 rgb(72,157,249)
```
#5ba7fa
```
#5ba7fa rgb(91,167,250)
```
#6eb1fa
```
#6eb1fa rgb(110,177,250)
```
#81bcfb
```
#81bcfb rgb(129,188,251)
```
#94c6fc
```
#94c6fc rgb(148,198,252)
```
#a7d0fc
```
#a7d0fc rgb(167,208,252)
```
#badafd
```
#badafd rgb(186,218,253)
```
#cde4fd
```
#cde4fd rgb(205,228,253)
```
#e0eefe
```
#e0eefe rgb(224,238,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#515253
```
#515253 rgb(81,82,83)
```
#4a525a
```
#4a525a rgb(74,82,90)
```
#445160
```
#445160 rgb(68,81,96)
```
#3e5166
```
#3e5166 rgb(62,81,102)
```
#37516d
```
#37516d rgb(55,81,109)
```
#315173
```
#315173 rgb(49,81,115)
```
#2b5079
```
#2b5079 rgb(43,80,121)
```
#25507f
```
#25507f rgb(37,80,127)
```
#1e5086
```
#1e5086 rgb(30,80,134)
```
#18508c
```
#18508c rgb(24,80,140)
```
#124f92
```
#124f92 rgb(18,79,146)
```
#0b4f99
```
#0b4f99 rgb(11,79,153)
```
#054f9f
```
#054f9f rgb(5,79,159)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#364555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2657a2 Protanopia 1% of men
#005b96 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1a54a1 Protanomaly 1% of men, 0.01% of women
#015699 Deuteranomaly 6% of men, 0.4% of women
#015b7c Tritanomaly 0.01% of the population

#054f9f hex color

#054f9f Color Information

#054f9f Color Conversion

Color Schemes with #054f9f

Alternatives to #054f9f

#054f9f Preview

Shades and Tints of #054f9f

Tones of #054f9f

Color Blindness Simulator