#054674 hex color

In a RGB color space, hex #054674 is composed of 2% red, 27.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 39.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 204.9 degrees, a saturation of 91.7% and a lightness of 23.7%. #054674 color hex could be obtained by blending #0a8ce8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 27
- B 45
RGB color chart
- C 96
- M 40
- Y 0
- K 55
CMYK color chart

● #054674 color description : Dark blue.

The hexadecimal color #054674 has RGB values of R:5, G:70, B:116 and CMYK values of C:0.96, M:0.4, Y:0, K:0.55. Its decimal value is 345716.

Hex triplet	054674	`#054674`
RGB Decimal	5, 70, 116	`rgb(5,70,116)`
RGB Percent	2, 27.5, 45.5	`rgb(2%,27.5%,45.5%)`
CMYK	96, 40, 0, 55
HSL	204.9°, 91.7, 23.7	`hsl(204.9,91.7%,23.7%)`
HSV (or HSB)	204.9°, 95.7, 45.5
Web Safe	003366	`#003366`

CIE-LAB	28.572, 0.146, -31.543
XYZ	5.404, 5.673, 17.332
xyY	0.19, 0.2, 5.673
CIE-LCH	28.572, 31.543, 270.266
CIE-LUV	28.572, -17.136, -40.869
Hunter-Lab	23.818, -1.18, -26.472
Binary	00000101, 01000110, 01110100

#054674
```
#054674 rgb(5,70,116)
```
#743305
```
#743305 rgb(116,51,5)
```

Complementary Color

#05746b
```
#05746b rgb(5,116,107)
```
#054674
```
#054674 rgb(5,70,116)
```
#050f74
```
#050f74 rgb(5,15,116)
```

Analogous Color

#746b05
```
#746b05 rgb(116,107,5)
```
#054674
```
#054674 rgb(5,70,116)
```
#74050f
```
#74050f rgb(116,5,15)
```

Split Complementary Color

#467405
```
#467405 rgb(70,116,5)
```
#054674
```
#054674 rgb(5,70,116)
```
#740546
```
#740546 rgb(116,5,70)
```

Triadic Color

#057433
```
#057433 rgb(5,116,51)
```
#054674
```
#054674 rgb(5,70,116)
```
#740546
```
#740546 rgb(116,5,70)
```
#743305
```
#743305 rgb(116,51,5)
```

Tetradic Color

#021a2b
```
#021a2b rgb(2,26,43)
```
#032843
```
#032843 rgb(3,40,67)
```
#04375c
```
#04375c rgb(4,55,92)
```
#054674
```
#054674 rgb(5,70,116)
```
#06558c
```
#06558c rgb(6,85,140)
```
#0764a5
```
#0764a5 rgb(7,100,165)
```
#0872bd
```
#0872bd rgb(8,114,189)
```

Monochromatic Color

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

#056274
```
#056274 rgb(5,98,116)
```
#055974
```
#055974 rgb(5,89,116)
```
#054f74
```
#054f74 rgb(5,79,116)
```
#054674
```
#054674 rgb(5,70,116)
```
#053d74
```
#053d74 rgb(5,61,116)
```
#053474
```
#053474 rgb(5,52,116)
```
#052a74
```
#052a74 rgb(5,42,116)
```

Similar Colors

Text with hexadecimal color #054674

This text has a font color of #054674.

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

#054674 background color

This paragraph has a background color of #054674.

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

#054674 border color

This element has a border color of #054674.

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

CSS codes

.text {color:#054674;}

.background {background-color:#054674;}

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

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)
```
#021929
```
#021929 rgb(2,25,41)
```
#03243c
```
#03243c rgb(3,36,60)
```
#032f4e
```
#032f4e rgb(3,47,78)
```
#043b61
```
#043b61 rgb(4,59,97)
```
#054674
```
#054674 rgb(5,70,116)
```
#065187
```
#065187 rgb(6,81,135)
```
#075d9a
```
#075d9a rgb(7,93,154)
```
#0768ac
```
#0768ac rgb(7,104,172)
```
#0873bf
```
#0873bf rgb(8,115,191)
```
#097fd2
```
#097fd2 rgb(9,127,210)
```
#0a8ae5
```
#0a8ae5 rgb(10,138,229)
```

Shade Color Variation

#0e95f5
```
#0e95f5 rgb(14,149,245)
```
#219df5
```
#219df5 rgb(33,157,245)
```
#33a5f6
```
#33a5f6 rgb(51,165,246)
```
#46aef7
```
#46aef7 rgb(70,174,247)
```
#59b6f8
```
#59b6f8 rgb(89,182,248)
```
#6cbef9
```
#6cbef9 rgb(108,190,249)
```
#7fc7f9
```
#7fc7f9 rgb(127,199,249)
```
#91cffa
```
#91cffa rgb(145,207,250)
```
#a4d7fb
```
#a4d7fb rgb(164,215,251)
```
#b7dffc
```
#b7dffc rgb(183,223,252)
```
#cae8fd
```
#cae8fd rgb(202,232,253)
```
#ddf0fe
```
#ddf0fe rgb(221,240,254)
```
#eff8fe
```
#eff8fe rgb(239,248,254)
```

Tint Color Variation

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

#383d41
```
#383d41 rgb(56,61,65)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#2f3f4a
```
#2f3f4a rgb(47,63,74)
```
#2a404f
```
#2a404f rgb(42,64,79)
```
#264053
```
#264053 rgb(38,64,83)
```
#214158
```
#214158 rgb(33,65,88)
```
#1c425d
```
#1c425d rgb(28,66,93)
```
#184361
```
#184361 rgb(24,67,97)
```
#134466
```
#134466 rgb(19,68,102)
```
#0e446b
```
#0e446b rgb(14,68,107)
```
#0a456f
```
#0a456f rgb(10,69,111)
```
#054674
```
#054674 rgb(5,70,116)
```
#004779
```
#004779 rgb(0,71,121)
```

Tone Color Variation

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

#3a4b78 Protanopia 1% of men
#284d7c Deuteranopia 1% of men
#00545a Tritanopia 0.001% of the population

Trichromacy

#264976 Protanomaly 1% of men, 0.01% of women
#1b4a79 Deuteranomaly 6% of men, 0.4% of women
#014f63 Tritanomaly 0.01% of the population

#054674 hex color

#054674 Color Information

#054674 Color Conversion

Color Schemes with #054674

Alternatives to #054674

#054674 Preview

Shades and Tints of #054674

Tones of #054674

Color Blindness Simulator