#054056 hex color

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

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

● #054056 color description : Very dark blue.

The hexadecimal color #054056 has RGB values of R:5, G:64, B:86 and CMYK values of C:0.94, M:0.26, Y:0, K:0.66. Its decimal value is 344150.

Hex triplet	054056	`#054056`
RGB Decimal	5, 64, 86	`rgb(5,64,86)`
RGB Percent	2, 25.1, 33.7	`rgb(2%,25.1%,33.7%)`
CMYK	94, 26, 0, 66
HSL	196.3°, 89, 17.8	`hsl(196.3,89%,17.8%)`
HSV (or HSB)	196.3°, 94.2, 33.7
Web Safe	003366	`#003366`

CIE-LAB	24.861, -8.593, -18.128
XYZ	3.575, 4.371, 9.459
xyY	0.205, 0.251, 4.371
CIE-LCH	24.861, 20.061, 244.637
CIE-LUV	24.861, -16.54, -20.988
Hunter-Lab	20.906, -6.059, -12.191
Binary	00000101, 01000000, 01010110

#054056
```
#054056 rgb(5,64,86)
```
#561b05
```
#561b05 rgb(86,27,5)
```

Complementary Color

#055644
```
#055644 rgb(5,86,68)
```
#054056
```
#054056 rgb(5,64,86)
```
#051856
```
#051856 rgb(5,24,86)
```

Analogous Color

#564405
```
#564405 rgb(86,68,5)
```
#054056
```
#054056 rgb(5,64,86)
```
#560518
```
#560518 rgb(86,5,24)
```

Split Complementary Color

#405605
```
#405605 rgb(64,86,5)
```
#054056
```
#054056 rgb(5,64,86)
```
#560540
```
#560540 rgb(86,5,64)
```

Triadic Color

#05561b
```
#05561b rgb(5,86,27)
```
#054056
```
#054056 rgb(5,64,86)
```
#560540
```
#560540 rgb(86,5,64)
```
#561b05
```
#561b05 rgb(86,27,5)
```

Tetradic Color

#010a0e
```
#010a0e rgb(1,10,14)
```
#021c26
```
#021c26 rgb(2,28,38)
```
#042e3e
```
#042e3e rgb(4,46,62)
```
#054056
```
#054056 rgb(5,64,86)
```
#06526e
```
#06526e rgb(6,82,110)
```
#086486
```
#086486 rgb(8,100,134)
```
#09769e
```
#09769e rgb(9,118,158)
```

Monochromatic Color

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

#055456
```
#055456 rgb(5,84,86)
```
#054e56
```
#054e56 rgb(5,78,86)
```
#054756
```
#054756 rgb(5,71,86)
```
#054056
```
#054056 rgb(5,64,86)
```
#053956
```
#053956 rgb(5,57,86)
```
#053356
```
#053356 rgb(5,51,86)
```
#052c56
```
#052c56 rgb(5,44,86)
```

Similar Colors

Text with hexadecimal color #054056

This text has a font color of #054056.

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

#054056 background color

This paragraph has a background color of #054056.

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

#054056 border color

This element has a border color of #054056.

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

CSS codes

.text {color:#054056;}

.background {background-color:#054056;}

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

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)
```
#032431
```
#032431 rgb(3,36,49)
```
#043243
```
#043243 rgb(4,50,67)
```
#054056
```
#054056 rgb(5,64,86)
```
#064e69
```
#064e69 rgb(6,78,105)
```
#075c7b
```
#075c7b rgb(7,92,123)
```
#08698e
```
#08698e rgb(8,105,142)
```
#0977a0
```
#0977a0 rgb(9,119,160)
```
#0a85b3
```
#0a85b3 rgb(10,133,179)
```
#0b93c5
```
#0b93c5 rgb(11,147,197)
```
#0da1d8
```
#0da1d8 rgb(13,161,216)
```
#0eaeea
```
#0eaeea rgb(14,174,234)
```

Shade Color Variation

#1ab7f2
```
#1ab7f2 rgb(26,183,242)
```
#2cbdf3
```
#2cbdf3 rgb(44,189,243)
```
#3fc3f4
```
#3fc3f4 rgb(63,195,244)
```
#51c9f5
```
#51c9f5 rgb(81,201,245)
```
#64cef6
```
#64cef6 rgb(100,206,246)
```
#77d4f7
```
#77d4f7 rgb(119,212,247)
```
#89daf8
```
#89daf8 rgb(137,218,248)
```
#9ce0f9
```
#9ce0f9 rgb(156,224,249)
```
#aee6fa
```
#aee6fa rgb(174,230,250)
```
#c1ebfb
```
#c1ebfb rgb(193,235,251)
```
#d3f1fc
```
#d3f1fc rgb(211,241,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 #01425a is the most saturated one.

#2c2e30
```
#2c2e30 rgb(44,46,48)
```
#283033
```
#283033 rgb(40,48,51)
```
#253237
```
#253237 rgb(37,50,55)
```
#21333a
```
#21333a rgb(33,51,58)
```
#1e353e
```
#1e353e rgb(30,53,62)
```
#1a3641
```
#1a3641 rgb(26,54,65)
```
#173845
```
#173845 rgb(23,56,69)
```
#133a48
```
#133a48 rgb(19,58,72)
```
#103b4c
```
#103b4c rgb(16,59,76)
```
#0c3d4f
```
#0c3d4f rgb(12,61,79)
```
#083e53
```
#083e53 rgb(8,62,83)
```
#054056
```
#054056 rgb(5,64,86)
```
#01425a
```
#01425a rgb(1,66,90)
```

Tone Color Variation

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

#3e445a Protanopia 1% of men
#394460 Deuteranopia 1% of men
#004b51 Tritanopia 0.001% of the population

Trichromacy

#294259 Protanomaly 1% of men, 0.01% of women
#26435c Deuteranomaly 6% of men, 0.4% of women
#014752 Tritanomaly 0.01% of the population

#054056 hex color

#054056 Color Information

#054056 Color Conversion

Color Schemes with #054056

Alternatives to #054056

#054056 Preview

Shades and Tints of #054056

Tones of #054056

Color Blindness Simulator