#054696 hex color

In a RGB color space, hex #054696 is composed of 2% red, 27.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 53.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 213.1 degrees, a saturation of 93.5% and a lightness of 30.4%. #054696 color hex could be obtained by blending #0a8cff with #00002d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 27
- B 59
RGB color chart
- C 97
- M 53
- Y 0
- K 41
CMYK color chart

● #054696 color description : Dark blue.

The hexadecimal color #054696 has RGB values of R:5, G:70, B:150 and CMYK values of C:0.97, M:0.53, Y:0, K:0.41. Its decimal value is 345750.

Hex triplet	054696	`#054696`
RGB Decimal	5, 70, 150	`rgb(5,70,150)`
RGB Percent	2, 27.5, 58.8	`rgb(2%,27.5%,58.8%)`
CMYK	97, 53, 0, 41
HSL	213.1°, 93.5, 30.4	`hsl(213.1,93.5%,30.4%)`
HSV (or HSB)	213.1°, 96.7, 58.8
Web Safe	003399	`#003399`

CIE-LAB	30.911, 14.673, -48.855
XYZ	7.757, 6.614, 29.72
xyY	0.176, 0.15, 6.614
CIE-LCH	30.911, 51.011, 286.717
CIE-LUV	30.911, -15.931, -66.237
Hunter-Lab	25.718, 8.831, -50.516
Binary	00000101, 01000110, 10010110

#054696
```
#054696 rgb(5,70,150)
```
#965505
```
#965505 rgb(150,85,5)
```

Complementary Color

#058f96
```
#058f96 rgb(5,143,150)
```
#054696
```
#054696 rgb(5,70,150)
```
#0d0596
```
#0d0596 rgb(13,5,150)
```

Analogous Color

#8f9605
```
#8f9605 rgb(143,150,5)
```
#054696
```
#054696 rgb(5,70,150)
```
#960d05
```
#960d05 rgb(150,13,5)
```

Split Complementary Color

#469605
```
#469605 rgb(70,150,5)
```
#054696
```
#054696 rgb(5,70,150)
```
#960546
```
#960546 rgb(150,5,70)
```

Triadic Color

#059655
```
#059655 rgb(5,150,85)
```
#054696
```
#054696 rgb(5,70,150)
```
#960546
```
#960546 rgb(150,5,70)
```
#965505
```
#965505 rgb(150,85,5)
```

Tetradic Color

#03234c
```
#03234c rgb(3,35,76)
```
#032f65
```
#032f65 rgb(3,47,101)
```
#043a7d
```
#043a7d rgb(4,58,125)
```
#054696
```
#054696 rgb(5,70,150)
```
#0652af
```
#0652af rgb(6,82,175)
```
#075dc7
```
#075dc7 rgb(7,93,199)
```
#0769e0
```
#0769e0 rgb(7,105,224)
```

Monochromatic Color

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

#056a96
```
#056a96 rgb(5,106,150)
```
#055e96
```
#055e96 rgb(5,94,150)
```
#055296
```
#055296 rgb(5,82,150)
```
#054696
```
#054696 rgb(5,70,150)
```
#053a96
```
#053a96 rgb(5,58,150)
```
#052e96
```
#052e96 rgb(5,46,150)
```
#052296
```
#052296 rgb(5,34,150)
```

Similar Colors

Text with hexadecimal color #054696

This text has a font color of #054696.

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

#054696 background color

This paragraph has a background color of #054696.

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

#054696 border color

This element has a border color of #054696.

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

CSS codes

.text {color:#054696;}

.background {background-color:#054696;}

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

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

#010811
```
#010811 rgb(1,8,17)
```
#011124
```
#011124 rgb(1,17,36)
```
#021a37
```
#021a37 rgb(2,26,55)
```
#02234a
```
#02234a rgb(2,35,74)
```
#032b5d
```
#032b5d rgb(3,43,93)
```
#043470
```
#043470 rgb(4,52,112)
```
#043d83
```
#043d83 rgb(4,61,131)
```
#054696
```
#054696 rgb(5,70,150)
```
#064fa9
```
#064fa9 rgb(6,79,169)
```
#0658bc
```
#0658bc rgb(6,88,188)
```
#0761cf
```
#0761cf rgb(7,97,207)
```
#0869e2
```
#0869e2 rgb(8,105,226)
```
#0872f5
```
#0872f5 rgb(8,114,245)
```

Shade Color Variation

#197df7
```
#197df7 rgb(25,125,247)
```
#2c88f8
```
#2c88f8 rgb(44,136,248)
```
#3f92f9
```
#3f92f9 rgb(63,146,249)
```
#529df9
```
#529df9 rgb(82,157,249)
```
#65a8fa
```
#65a8fa rgb(101,168,250)
```
#78b3fb
```
#78b3fb rgb(120,179,251)
```
#8bbdfb
```
#8bbdfb rgb(139,189,251)
```
#9ec8fc
```
#9ec8fc rgb(158,200,252)
```
#b1d3fc
```
#b1d3fc rgb(177,211,252)
```
#c4defd
```
#c4defd rgb(196,222,253)
```
#d7e8fe
```
#d7e8fe rgb(215,232,254)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#4d4d4e
```
#4d4d4e rgb(77,77,78)
```
#474d54
```
#474d54 rgb(71,77,84)
```
#414c5a
```
#414c5a rgb(65,76,90)
```
#3b4c60
```
#3b4c60 rgb(59,76,96)
```
#354b66
```
#354b66 rgb(53,75,102)
```
#2f4a6c
```
#2f4a6c rgb(47,74,108)
```
#294a72
```
#294a72 rgb(41,74,114)
```
#234978
```
#234978 rgb(35,73,120)
```
#1d487e
```
#1d487e rgb(29,72,126)
```
#174884
```
#174884 rgb(23,72,132)
```
#11478a
```
#11478a rgb(17,71,138)
```
#0b4790
```
#0b4790 rgb(11,71,144)
```
#054696
```
#054696 rgb(5,70,150)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#313e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#104f9b Protanopia 1% of men
#005489 Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#0c4c99 Protanomaly 1% of men, 0.01% of women
#014e8d Deuteranomaly 6% of men, 0.4% of women
#015273 Tritanomaly 0.01% of the population

#054696 hex color

#054696 Color Information

#054696 Color Conversion

Color Schemes with #054696

Alternatives to #054696

#054696 Preview

Shades and Tints of #054696

Tones of #054696

Color Blindness Simulator