#054156 hex color

In a RGB color space, hex #054156 is composed of 2% red, 25.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 94.2% cyan, 24.4% magenta, 0% yellow and 66.3% black. It has a hue angle of 195.6 degrees, a saturation of 89% and a lightness of 17.8%. #054156 color hex could be obtained by blending #0a82ac with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 25
- B 34
RGB color chart
- C 94
- M 24
- Y 0
- K 66
CMYK color chart

● #054156 color description : Very dark blue.

The hexadecimal color #054156 has RGB values of R:5, G:65, B:86 and CMYK values of C:0.94, M:0.24, Y:0, K:0.66. Its decimal value is 344406.

Hex triplet	054156	`#054156`
RGB Decimal	5, 65, 86	`rgb(5,65,86)`
RGB Percent	2, 25.5, 33.7	`rgb(2%,25.5%,33.7%)`
CMYK	94, 24, 0, 66
HSL	195.6°, 89, 17.8	`hsl(195.6,89%,17.8%)`
HSV (or HSB)	195.6°, 94.2, 33.7
Web Safe	003366	`#003366`

CIE-LAB	25.212, -9.225, -17.581
XYZ	3.632, 4.484, 9.478
xyY	0.206, 0.255, 4.484
CIE-LCH	25.212, 19.854, 242.314
CIE-LUV	25.212, -16.904, -20.329
Hunter-Lab	21.176, -6.443, -11.712
Binary	00000101, 01000001, 01010110

#054156
```
#054156 rgb(5,65,86)
```
#561a05
```
#561a05 rgb(86,26,5)
```

Complementary Color

#055643
```
#055643 rgb(5,86,67)
```
#054156
```
#054156 rgb(5,65,86)
```
#051956
```
#051956 rgb(5,25,86)
```

Analogous Color

#564305
```
#564305 rgb(86,67,5)
```
#054156
```
#054156 rgb(5,65,86)
```
#560519
```
#560519 rgb(86,5,25)
```

Split Complementary Color

#415605
```
#415605 rgb(65,86,5)
```
#054156
```
#054156 rgb(5,65,86)
```
#560541
```
#560541 rgb(86,5,65)
```

Triadic Color

#05561a
```
#05561a rgb(5,86,26)
```
#054156
```
#054156 rgb(5,65,86)
```
#560541
```
#560541 rgb(86,5,65)
```
#561a05
```
#561a05 rgb(86,26,5)
```

Tetradic Color

#010a0e
```
#010a0e rgb(1,10,14)
```
#021d26
```
#021d26 rgb(2,29,38)
```
#042f3e
```
#042f3e rgb(4,47,62)
```
#054156
```
#054156 rgb(5,65,86)
```
#06536e
```
#06536e rgb(6,83,110)
```
#086586
```
#086586 rgb(8,101,134)
```
#09789e
```
#09789e rgb(9,120,158)
```

Monochromatic Color

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

#055556
```
#055556 rgb(5,85,86)
```
#054f56
```
#054f56 rgb(5,79,86)
```
#054856
```
#054856 rgb(5,72,86)
```
#054156
```
#054156 rgb(5,65,86)
```
#053a56
```
#053a56 rgb(5,58,86)
```
#053456
```
#053456 rgb(5,52,86)
```
#052d56
```
#052d56 rgb(5,45,86)
```

Similar Colors

Text with hexadecimal color #054156

This text has a font color of #054156.

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

#054156 background color

This paragraph has a background color of #054156.

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

#054156 border color

This element has a border color of #054156.

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

CSS codes

.text {color:#054156;}

.background {background-color:#054156;}

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

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, #01090c is the darkest color, while #f8fdff is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#02171e
```
#02171e rgb(2,23,30)
```
#032531
```
#032531 rgb(3,37,49)
```
#043343
```
#043343 rgb(4,51,67)
```
#054156
```
#054156 rgb(5,65,86)
```
#064f69
```
#064f69 rgb(6,79,105)
```
#075d7b
```
#075d7b rgb(7,93,123)
```
#086b8e
```
#086b8e rgb(8,107,142)
```
#0979a0
```
#0979a0 rgb(9,121,160)
```
#0a87b3
```
#0a87b3 rgb(10,135,179)
```
#0b95c5
```
#0b95c5 rgb(11,149,197)
```
#0da3d8
```
#0da3d8 rgb(13,163,216)
```
#0eb1ea
```
#0eb1ea rgb(14,177,234)
```

Shade Color Variation

#1abaf2
```
#1abaf2 rgb(26,186,242)
```
#2cbff3
```
#2cbff3 rgb(44,191,243)
```
#3fc5f4
```
#3fc5f4 rgb(63,197,244)
```
#51cbf5
```
#51cbf5 rgb(81,203,245)
```
#64d0f6
```
#64d0f6 rgb(100,208,246)
```
#77d6f7
```
#77d6f7 rgb(119,214,247)
```
#89dbf8
```
#89dbf8 rgb(137,219,248)
```
#9ce1f9
```
#9ce1f9 rgb(156,225,249)
```
#aee7fa
```
#aee7fa rgb(174,231,250)
```
#c1ecfb
```
#c1ecfb rgb(193,236,251)
```
#d3f2fc
```
#d3f2fc rgb(211,242,252)
```
#e6f7fe
```
#e6f7fe rgb(230,247,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2c2e30 is the less saturated color, while #01435a is the most saturated one.

#2c2e30
```
#2c2e30 rgb(44,46,48)
```
#283033
```
#283033 rgb(40,48,51)
```
#253237
```
#253237 rgb(37,50,55)
```
#21343a
```
#21343a rgb(33,52,58)
```
#1e353e
```
#1e353e rgb(30,53,62)
```
#1a3741
```
#1a3741 rgb(26,55,65)
```
#173945
```
#173945 rgb(23,57,69)
```
#133a48
```
#133a48 rgb(19,58,72)
```
#103c4c
```
#103c4c rgb(16,60,76)
```
#0c3e4f
```
#0c3e4f rgb(12,62,79)
```
#083f53
```
#083f53 rgb(8,63,83)
```
#054156
```
#054156 rgb(5,65,86)
```
#01435a
```
#01435a rgb(1,67,90)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#283438 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f455a Protanopia 1% of men
#3a4561 Deuteranopia 1% of men
#004c52 Tritanopia 0.001% of the population

Trichromacy

#2a4359 Protanomaly 1% of men, 0.01% of women
#27435d Deuteranomaly 6% of men, 0.4% of women
#014853 Tritanomaly 0.01% of the population

#054156 hex color

#054156 Color Information

#054156 Color Conversion

Color Schemes with #054156

Alternatives to #054156

#054156 Preview

Shades and Tints of #054156

Tones of #054156

Color Blindness Simulator