#054f87 hex color

In a RGB color space, hex #054f87 is composed of 2% red, 31% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 41.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 205.8 degrees, a saturation of 92.9% and a lightness of 27.5%. #054f87 color hex could be obtained by blending #0a9eff with #00000f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 31
- B 53
RGB color chart
- C 96
- M 41
- Y 0
- K 47
CMYK color chart

● #054f87 color description : Dark blue.

The hexadecimal color #054f87 has RGB values of R:5, G:79, B:135 and CMYK values of C:0.96, M:0.41, Y:0, K:0.47. Its decimal value is 348039.

Hex triplet	054f87	`#054f87`
RGB Decimal	5, 79, 135	`rgb(5,79,135)`
RGB Percent	2, 31, 52.9	`rgb(2%,31%,52.9%)`
CMYK	96, 41, 0, 47
HSL	205.8°, 92.9, 27.5	`hsl(205.8,92.9%,27.5%)`
HSV (or HSB)	205.8°, 96.3, 52.9
Web Safe	006699	`#006699`

CIE-LAB	32.641, 2.201, -36.886
XYZ	7.231, 7.373, 23.962
xyY	0.187, 0.191, 7.373
CIE-LCH	32.641, 36.952, 273.415
CIE-LUV	32.641, -19.257, -50.31
Hunter-Lab	27.153, 0.016, -33.316
Binary	00000101, 01001111, 10000111

#054f87
```
#054f87 rgb(5,79,135)
```
#873d05
```
#873d05 rgb(135,61,5)
```

Complementary Color

#05877e
```
#05877e rgb(5,135,126)
```
#054f87
```
#054f87 rgb(5,79,135)
```
#050e87
```
#050e87 rgb(5,14,135)
```

Analogous Color

#877e05
```
#877e05 rgb(135,126,5)
```
#054f87
```
#054f87 rgb(5,79,135)
```
#87050e
```
#87050e rgb(135,5,14)
```

Split Complementary Color

#4f8705
```
#4f8705 rgb(79,135,5)
```
#054f87
```
#054f87 rgb(5,79,135)
```
#87054f
```
#87054f rgb(135,5,79)
```

Triadic Color

#05873d
```
#05873d rgb(5,135,61)
```
#054f87
```
#054f87 rgb(5,79,135)
```
#87054f
```
#87054f rgb(135,5,79)
```
#873d05
```
#873d05 rgb(135,61,5)
```

Tetradic Color

#02243d
```
#02243d rgb(2,36,61)
```
#033256
```
#033256 rgb(3,50,86)
```
#04416e
```
#04416e rgb(4,65,110)
```
#054f87
```
#054f87 rgb(5,79,135)
```
#065da0
```
#065da0 rgb(6,93,160)
```
#076cb8
```
#076cb8 rgb(7,108,184)
```
#087ad1
```
#087ad1 rgb(8,122,209)
```

Monochromatic Color

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

#057087
```
#057087 rgb(5,112,135)
```
#056587
```
#056587 rgb(5,101,135)
```
#055a87
```
#055a87 rgb(5,90,135)
```
#054f87
```
#054f87 rgb(5,79,135)
```
#054487
```
#054487 rgb(5,68,135)
```
#053987
```
#053987 rgb(5,57,135)
```
#052f87
```
#052f87 rgb(5,47,135)
```

Similar Colors

Text with hexadecimal color #054f87

This text has a font color of #054f87.

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

#054f87 background color

This paragraph has a background color of #054f87.

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

#054f87 border color

This element has a border color of #054f87.

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

CSS codes

.text {color:#054f87;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010d16
```
#010d16 rgb(1,13,22)
```
#011828
```
#011828 rgb(1,24,40)
```
#02233b
```
#02233b rgb(2,35,59)
```
#032e4e
```
#032e4e rgb(3,46,78)
```
#043961
```
#043961 rgb(4,57,97)
```
#044474
```
#044474 rgb(4,68,116)
```
#054f87
```
#054f87 rgb(5,79,135)
```
#065a9a
```
#065a9a rgb(6,90,154)
```
#0665ad
```
#0665ad rgb(6,101,173)
```
#0770c0
```
#0770c0 rgb(7,112,192)
```
#087bd3
```
#087bd3 rgb(8,123,211)
```
#0986e6
```
#0986e6 rgb(9,134,230)
```

Shade Color Variation

#0c91f6
```
#0c91f6 rgb(12,145,246)
```
#1f9af7
```
#1f9af7 rgb(31,154,247)
```
#32a2f7
```
#32a2f7 rgb(50,162,247)
```
#44abf8
```
#44abf8 rgb(68,171,248)
```
#57b3f9
```
#57b3f9 rgb(87,179,249)
```
#6abcf9
```
#6abcf9 rgb(106,188,249)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#90cdfb
```
#90cdfb rgb(144,205,251)
```
#a3d5fc
```
#a3d5fc rgb(163,213,252)
```
#b6defc
```
#b6defc rgb(182,222,252)
```
#c9e7fd
```
#c9e7fd rgb(201,231,253)
```
#dceffe
```
#dceffe rgb(220,239,254)
```
#eff8fe
```
#eff8fe rgb(239,248,254)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#40474c
```
#40474c rgb(64,71,76)
```
#3b4851
```
#3b4851 rgb(59,72,81)
```
#354857
```
#354857 rgb(53,72,87)
```
#30495c
```
#30495c rgb(48,73,92)
```
#2b4a61
```
#2b4a61 rgb(43,74,97)
```
#254b67
```
#254b67 rgb(37,75,103)
```
#204b6c
```
#204b6c rgb(32,75,108)
```
#1b4c71
```
#1b4c71 rgb(27,76,113)
```
#154d77
```
#154d77 rgb(21,77,119)
```
#104e7c
```
#104e7c rgb(16,78,124)
```
#0a4e82
```
#0a4e82 rgb(10,78,130)
```
#054f87
```
#054f87 rgb(5,79,135)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#33424d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d548a Protanopia 1% of men
#23578d Deuteranopia 1% of men
#005e64 Tritanopia 0.001% of the population

Trichromacy

#285288 Protanomaly 1% of men, 0.01% of women
#18548b Deuteranomaly 6% of men, 0.4% of women
#015870 Tritanomaly 0.01% of the population

#054f87 hex color

#054f87 Color Information

#054f87 Color Conversion

Color Schemes with #054f87

Alternatives to #054f87

#054f87 Preview

Shades and Tints of #054f87

Tones of #054f87

Color Blindness Simulator