#04557e hex color

In a RGB color space, hex #04557e is composed of 1.6% red, 33.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 32.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 200.2 degrees, a saturation of 93.8% and a lightness of 25.5%. #04557e color hex could be obtained by blending #08aafc with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 2
- G 33
- B 49
RGB color chart
- C 97
- M 33
- Y 0
- K 51
CMYK color chart

● #04557e color description : Dark blue.

The hexadecimal color #04557e has RGB values of R:4, G:85, B:126 and CMYK values of C:0.97, M:0.33, Y:0, K:0.51. Its decimal value is 284030.

Hex triplet	04557e	`#04557e`
RGB Decimal	4, 85, 126	`rgb(4,85,126)`
RGB Percent	1.6, 33.3, 49.4	`rgb(1.6%,33.3%,49.4%)`
CMYK	97, 33, 0, 51
HSL	200.2°, 93.8, 25.5	`hsl(200.2,93.8%,25.5%)`
HSV (or HSB)	200.2°, 96.8, 49.4
Web Safe	006666	`#006666`

CIE-LAB	34.042, -5.484, -29.118
XYZ	7.064, 8.028, 20.915
xyY	0.196, 0.223, 8.028
CIE-LCH	34.042, 29.629, 259.335
CIE-LUV	34.042, -21.826, -39.17
Hunter-Lab	28.335, -5.087, -23.93
Binary	00000100, 01010101, 01111110

#04557e
```
#04557e rgb(4,85,126)
```
#7e2d04
```
#7e2d04 rgb(126,45,4)
```

Complementary Color

#047e6a
```
#047e6a rgb(4,126,106)
```
#04557e
```
#04557e rgb(4,85,126)
```
#04187e
```
#04187e rgb(4,24,126)
```

Analogous Color

#7e6a04
```
#7e6a04 rgb(126,106,4)
```
#04557e
```
#04557e rgb(4,85,126)
```
#7e0418
```
#7e0418 rgb(126,4,24)
```

Split Complementary Color

#557e04
```
#557e04 rgb(85,126,4)
```
#04557e
```
#04557e rgb(4,85,126)
```
#7e0455
```
#7e0455 rgb(126,4,85)
```

Triadic Color

#047e2d
```
#047e2d rgb(4,126,45)
```
#04557e
```
#04557e rgb(4,85,126)
```
#7e0455
```
#7e0455 rgb(126,4,85)
```
#7e2d04
```
#7e2d04 rgb(126,45,4)
```

Tetradic Color

#022334
```
#022334 rgb(2,35,52)
```
#02344d
```
#02344d rgb(2,52,77)
```
#034465
```
#034465 rgb(3,68,101)
```
#04557e
```
#04557e rgb(4,85,126)
```
#056697
```
#056697 rgb(5,102,151)
```
#0676af
```
#0676af rgb(6,118,175)
```
#0687c8
```
#0687c8 rgb(6,135,200)
```

Monochromatic Color

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

#04747e
```
#04747e rgb(4,116,126)
```
#04697e
```
#04697e rgb(4,105,126)
```
#045f7e
```
#045f7e rgb(4,95,126)
```
#04557e
```
#04557e rgb(4,85,126)
```
#044b7e
```
#044b7e rgb(4,75,126)
```
#04417e
```
#04417e rgb(4,65,126)
```
#04377e
```
#04377e rgb(4,55,126)
```

Similar Colors

Text with hexadecimal color #04557e

This text has a font color of #04557e.

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

#04557e background color

This paragraph has a background color of #04557e.

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

#04557e border color

This element has a border color of #04557e.

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

CSS codes

.text {color:#04557e;}

.background {background-color:#04557e;}

.border {border:1px solid #04557e;}

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

#00080c
```
#00080c rgb(0,8,12)
```
#01151f
```
#01151f rgb(1,21,31)
```
#022232
```
#022232 rgb(2,34,50)
```
#022f45
```
#022f45 rgb(2,47,69)
```
#033b58
```
#033b58 rgb(3,59,88)
```
#03486b
```
#03486b rgb(3,72,107)
```
#04557e
```
#04557e rgb(4,85,126)
```
#056291
```
#056291 rgb(5,98,145)
```
#056fa4
```
#056fa4 rgb(5,111,164)
```
#067bb7
```
#067bb7 rgb(6,123,183)
```
#0688ca
```
#0688ca rgb(6,136,202)
```
#0795dd
```
#0795dd rgb(7,149,221)
```
#08a2f0
```
#08a2f0 rgb(8,162,240)
```

Shade Color Variation

#14abf8
```
#14abf8 rgb(20,171,248)
```
#27b2f8
```
#27b2f8 rgb(39,178,248)
```
#3ab9f9
```
#3ab9f9 rgb(58,185,249)
```
#4dbff9
```
#4dbff9 rgb(77,191,249)
```
#60c6fa
```
#60c6fa rgb(96,198,250)
```
#73cdfb
```
#73cdfb rgb(115,205,251)
```
#86d4fb
```
#86d4fb rgb(134,212,251)
```
#99dbfc
```
#99dbfc rgb(153,219,252)
```
#ace1fc
```
#ace1fc rgb(172,225,252)
```
#bfe8fd
```
#bfe8fd rgb(191,232,253)
```
#d2effe
```
#d2effe rgb(210,239,254)
```
#e5f6fe
```
#e5f6fe rgb(229,246,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#404142
```
#404142 rgb(64,65,66)
```
#3b4347
```
#3b4347 rgb(59,67,71)
```
#36454c
```
#36454c rgb(54,69,76)
```
#314651
```
#314651 rgb(49,70,81)
```
#2c4856
```
#2c4856 rgb(44,72,86)
```
#274a5b
```
#274a5b rgb(39,74,91)
```
#224b60
```
#224b60 rgb(34,75,96)
```
#1d4d65
```
#1d4d65 rgb(29,77,101)
```
#184e6a
```
#184e6a rgb(24,78,106)
```
#13506f
```
#13506f rgb(19,80,111)
```
#0e5274
```
#0e5274 rgb(14,82,116)
```
#095379
```
#095379 rgb(9,83,121)
```
#04557e
```
#04557e rgb(4,85,126)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#35454d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5780 Protanopia 1% of men
#3d5986 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#30567f Protanomaly 1% of men, 0.01% of women
#285783 Deuteranomaly 6% of men, 0.4% of women
#015d70 Tritanomaly 0.01% of the population

#04557e hex color

#04557e Color Information

#04557e Color Conversion

Color Schemes with #04557e

Alternatives to #04557e

#04557e Preview

Shades and Tints of #04557e

Tones of #04557e

Color Blindness Simulator