#045a8e hex color

In a RGB color space, hex #045a8e is composed of 1.6% red, 35.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 36.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 202.6 degrees, a saturation of 94.5% and a lightness of 28.6%. #045a8e color hex could be obtained by blending #08b4ff with #00001d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 35
- B 56
RGB color chart
- C 97
- M 37
- Y 0
- K 44
CMYK color chart

● #045a8e color description : Dark blue.

The hexadecimal color #045a8e has RGB values of R:4, G:90, B:142 and CMYK values of C:0.97, M:0.37, Y:0, K:0.44. Its decimal value is 285326.

Hex triplet	045a8e	`#045a8e`
RGB Decimal	4, 90, 142	`rgb(4,90,142)`
RGB Percent	1.6, 35.3, 55.7	`rgb(1.6%,35.3%,55.7%)`
CMYK	97, 37, 0, 44
HSL	202.6°, 94.5, 28.6	`hsl(202.6,94.5%,28.6%)`
HSV (or HSB)	202.6°, 97.2, 55.7
Web Safe	006699	`#006699`

CIE-LAB	36.537, -2.093, -34.961
XYZ	8.588, 9.29, 26.93
xyY	0.192, 0.207, 9.29
CIE-LCH	36.537, 35.023, 266.573
CIE-LUV	36.537, -22.64, -48.823
Hunter-Lab	30.48, -3.049, -31.049
Binary	00000100, 01011010, 10001110

#045a8e
```
#045a8e rgb(4,90,142)
```
#8e3804
```
#8e3804 rgb(142,56,4)
```

Complementary Color

#048e7d
```
#048e7d rgb(4,142,125)
```
#045a8e
```
#045a8e rgb(4,90,142)
```
#04158e
```
#04158e rgb(4,21,142)
```

Analogous Color

#8e7d04
```
#8e7d04 rgb(142,125,4)
```
#045a8e
```
#045a8e rgb(4,90,142)
```
#8e0415
```
#8e0415 rgb(142,4,21)
```

Split Complementary Color

#5a8e04
```
#5a8e04 rgb(90,142,4)
```
#045a8e
```
#045a8e rgb(4,90,142)
```
#8e045a
```
#8e045a rgb(142,4,90)
```

Triadic Color

#048e38
```
#048e38 rgb(4,142,56)
```
#045a8e
```
#045a8e rgb(4,90,142)
```
#8e045a
```
#8e045a rgb(142,4,90)
```
#8e3804
```
#8e3804 rgb(142,56,4)
```

Tetradic Color

#022b44
```
#022b44 rgb(2,43,68)
```
#033b5c
```
#033b5c rgb(3,59,92)
```
#034a75
```
#034a75 rgb(3,74,117)
```
#045a8e
```
#045a8e rgb(4,90,142)
```
#056aa7
```
#056aa7 rgb(5,106,167)
```
#0579c0
```
#0579c0 rgb(5,121,192)
```
#0689d8
```
#0689d8 rgb(6,137,216)
```

Monochromatic Color

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

#047d8e
```
#047d8e rgb(4,125,142)
```
#04718e
```
#04718e rgb(4,113,142)
```
#04668e
```
#04668e rgb(4,102,142)
```
#045a8e
```
#045a8e rgb(4,90,142)
```
#044f8e
```
#044f8e rgb(4,79,142)
```
#04438e
```
#04438e rgb(4,67,142)
```
#04388e
```
#04388e rgb(4,56,142)
```

Similar Colors

Text with hexadecimal color #045a8e

This text has a font color of #045a8e.

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

#045a8e background color

This paragraph has a background color of #045a8e.

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

#045a8e border color

This element has a border color of #045a8e.

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

CSS codes

.text {color:#045a8e;}

.background {background-color:#045a8e;}

.border {border:1px solid #045a8e;}

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

#000508
```
#000508 rgb(0,5,8)
```
#01111c
```
#01111c rgb(1,17,28)
```
#011e2f
```
#011e2f rgb(1,30,47)
```
#022a42
```
#022a42 rgb(2,42,66)
```
#023655
```
#023655 rgb(2,54,85)
```
#034268
```
#034268 rgb(3,66,104)
```
#034e7b
```
#034e7b rgb(3,78,123)
```
#045a8e
```
#045a8e rgb(4,90,142)
```
#0566a1
```
#0566a1 rgb(5,102,161)
```
#0572b4
```
#0572b4 rgb(5,114,180)
```
#067ec7
```
#067ec7 rgb(6,126,199)
```
#068ada
```
#068ada rgb(6,138,218)
```
#0796ed
```
#0796ed rgb(7,150,237)
```

Shade Color Variation

#0fa1f8
```
#0fa1f8 rgb(15,161,248)
```
#23a8f9
```
#23a8f9 rgb(35,168,249)
```
#36b0f9
```
#36b0f9 rgb(54,176,249)
```
#49b7fa
```
#49b7fa rgb(73,183,250)
```
#5cbffa
```
#5cbffa rgb(92,191,250)
```
#6fc6fb
```
#6fc6fb rgb(111,198,251)
```
#82cefb
```
#82cefb rgb(130,206,251)
```
#95d5fc
```
#95d5fc rgb(149,213,252)
```
#a8ddfd
```
#a8ddfd rgb(168,221,253)
```
#bbe4fd
```
#bbe4fd rgb(187,228,253)
```
#ceecfe
```
#ceecfe rgb(206,236,254)
```
#e1f3fe
```
#e1f3fe rgb(225,243,254)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#47494b
```
#47494b rgb(71,73,75)
```
#424b50
```
#424b50 rgb(66,75,80)
```
#3c4c56
```
#3c4c56 rgb(60,76,86)
```
#374e5b
```
#374e5b rgb(55,78,91)
```
#314f61
```
#314f61 rgb(49,79,97)
```
#2b5067
```
#2b5067 rgb(43,80,103)
```
#26526c
```
#26526c rgb(38,82,108)
```
#205372
```
#205372 rgb(32,83,114)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#15567d
```
#15567d rgb(21,86,125)
```
#0f5783
```
#0f5783 rgb(15,87,131)
```
#0a5988
```
#0a5988 rgb(10,89,136)
```
#045a8e
```
#045a8e rgb(4,90,142)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#394a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5d8f Protanopia 1% of men
#375f95 Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#305b8e Protanomaly 1% of men, 0.01% of women
#245d92 Deuteranomaly 6% of men, 0.4% of women
#01627a Tritanomaly 0.01% of the population

#045a8e hex color

#045a8e Color Information

#045a8e Color Conversion

Color Schemes with #045a8e

Alternatives to #045a8e

#045a8e Preview

Shades and Tints of #045a8e

Tones of #045a8e

Color Blindness Simulator