#054676 hex color

In a RGB color space, hex #054676 is composed of 2% red, 27.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 95.8% cyan, 40.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 205.5 degrees, a saturation of 91.9% and a lightness of 24.1%. #054676 color hex could be obtained by blending #0a8cec with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 27
- B 46
RGB color chart
- C 96
- M 41
- Y 0
- K 54
CMYK color chart

● #054676 color description : Dark blue.

The hexadecimal color #054676 has RGB values of R:5, G:70, B:118 and CMYK values of C:0.96, M:0.41, Y:0, K:0.54. Its decimal value is 345718.

Hex triplet	054676	`#054676`
RGB Decimal	5, 70, 118	`rgb(5,70,118)`
RGB Percent	2, 27.5, 46.3	`rgb(2%,27.5%,46.3%)`
CMYK	96, 41, 0, 54
HSL	205.5°, 91.9, 24.1	`hsl(205.5,91.9%,24.1%)`
HSV (or HSB)	205.5°, 95.8, 46.3
Web Safe	003366	`#003366`

CIE-LAB	28.695, 1.001, -32.607
XYZ	5.522, 5.72, 17.952
xyY	0.189, 0.196, 5.72
CIE-LCH	28.695, 32.622, 271.759
CIE-LUV	28.695, -17.046, -42.426
Hunter-Lab	23.917, -0.641, -27.761
Binary	00000101, 01000110, 01110110

#054676
```
#054676 rgb(5,70,118)
```
#763505
```
#763505 rgb(118,53,5)
```

Complementary Color

#05766e
```
#05766e rgb(5,118,110)
```
#054676
```
#054676 rgb(5,70,118)
```
#050e76
```
#050e76 rgb(5,14,118)
```

Analogous Color

#766e05
```
#766e05 rgb(118,110,5)
```
#054676
```
#054676 rgb(5,70,118)
```
#76050e
```
#76050e rgb(118,5,14)
```

Split Complementary Color

#467605
```
#467605 rgb(70,118,5)
```
#054676
```
#054676 rgb(5,70,118)
```
#760546
```
#760546 rgb(118,5,70)
```

Triadic Color

#057635
```
#057635 rgb(5,118,53)
```
#054676
```
#054676 rgb(5,70,118)
```
#760546
```
#760546 rgb(118,5,70)
```
#763505
```
#763505 rgb(118,53,5)
```

Tetradic Color

#021a2d
```
#021a2d rgb(2,26,45)
```
#032945
```
#032945 rgb(3,41,69)
```
#04375e
```
#04375e rgb(4,55,94)
```
#054676
```
#054676 rgb(5,70,118)
```
#06558e
```
#06558e rgb(6,85,142)
```
#0763a7
```
#0763a7 rgb(7,99,167)
```
#0872bf
```
#0872bf rgb(8,114,191)
```

Monochromatic Color

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

#056276
```
#056276 rgb(5,98,118)
```
#055976
```
#055976 rgb(5,89,118)
```
#054f76
```
#054f76 rgb(5,79,118)
```
#054676
```
#054676 rgb(5,70,118)
```
#053d76
```
#053d76 rgb(5,61,118)
```
#053376
```
#053376 rgb(5,51,118)
```
#052a76
```
#052a76 rgb(5,42,118)
```

Similar Colors

Text with hexadecimal color #054676

This text has a font color of #054676.

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

#054676 background color

This paragraph has a background color of #054676.

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

#054676 border color

This element has a border color of #054676.

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

CSS codes

.text {color:#054676;}

.background {background-color:#054676;}

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010e18
```
#010e18 rgb(1,14,24)
```
#02192b
```
#02192b rgb(2,25,43)
```
#03253e
```
#03253e rgb(3,37,62)
```
#033050
```
#033050 rgb(3,48,80)
```
#043b63
```
#043b63 rgb(4,59,99)
```
#054676
```
#054676 rgb(5,70,118)
```
#065189
```
#065189 rgb(6,81,137)
```
#075c9c
```
#075c9c rgb(7,92,156)
```
#0767ae
```
#0767ae rgb(7,103,174)
```
#0873c1
```
#0873c1 rgb(8,115,193)
```
#097ed4
```
#097ed4 rgb(9,126,212)
```
#0a89e7
```
#0a89e7 rgb(10,137,231)
```

Shade Color Variation

#0f93f5
```
#0f93f5 rgb(15,147,245)
```
#229cf6
```
#229cf6 rgb(34,156,246)
```
#35a4f6
```
#35a4f6 rgb(53,164,246)
```
#48adf7
```
#48adf7 rgb(72,173,247)
```
#5bb5f8
```
#5bb5f8 rgb(91,181,248)
```
#6ebef9
```
#6ebef9 rgb(110,190,249)
```
#80c6fa
```
#80c6fa rgb(128,198,250)
```
#93cffa
```
#93cffa rgb(147,207,250)
```
#a6d7fb
```
#a6d7fb rgb(166,215,251)
```
#b9dffc
```
#b9dffc rgb(185,223,252)
```
#cce8fd
```
#cce8fd rgb(204,232,253)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #393e42 is the less saturated color, while #00477b is the most saturated one.

#393e42
```
#393e42 rgb(57,62,66)
```
#343f47
```
#343f47 rgb(52,63,71)
```
#30404b
```
#30404b rgb(48,64,75)
```
#2b4050
```
#2b4050 rgb(43,64,80)
```
#264155
```
#264155 rgb(38,65,85)
```
#21425a
```
#21425a rgb(33,66,90)
```
#1d425e
```
#1d425e rgb(29,66,94)
```
#184363
```
#184363 rgb(24,67,99)
```
#134468
```
#134468 rgb(19,68,104)
```
#0e456d
```
#0e456d rgb(14,69,109)
```
#0a4571
```
#0a4571 rgb(10,69,113)
```
#054676
```
#054676 rgb(5,70,118)
```
#00477b
```
#00477b rgb(0,71,123)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2e3b44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#384b7a Protanopia 1% of men
#244e7d Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#264978 Protanomaly 1% of men, 0.01% of women
#194b7a Deuteranomaly 6% of men, 0.4% of women
#014f64 Tritanomaly 0.01% of the population

#054676 hex color

#054676 Color Information

#054676 Color Conversion

Color Schemes with #054676

Alternatives to #054676

#054676 Preview

Shades and Tints of #054676

Tones of #054676

Color Blindness Simulator