#045a89 hex color

In a RGB color space, hex #045a89 is composed of 1.6% red, 35.3% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 34.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 201.2 degrees, a saturation of 94.3% and a lightness of 27.6%. #045a89 color hex could be obtained by blending #08b4ff with #000013. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 35
- B 54
RGB color chart
- C 97
- M 34
- Y 0
- K 46
CMYK color chart

● #045a89 color description : Dark blue.

The hexadecimal color #045a89 has RGB values of R:4, G:90, B:137 and CMYK values of C:0.97, M:0.34, Y:0, K:0.46. Its decimal value is 285321.

Hex triplet	045a89	`#045a89`
RGB Decimal	4, 90, 137	`rgb(4,90,137)`
RGB Percent	1.6, 35.3, 53.7	`rgb(1.6%,35.3%,53.7%)`
CMYK	97, 34, 0, 46
HSL	201.2°, 94.3, 27.6	`hsl(201.2,94.3%,27.6%)`
HSV (or HSB)	201.2°, 97.1, 53.7
Web Safe	006699	`#006699`

CIE-LAB	36.259, -4.137, -32.362
XYZ	8.22, 9.144, 24.997
xyY	0.194, 0.216, 9.144
CIE-LCH	36.259, 32.625, 262.714
CIE-LUV	36.259, -22.92, -44.734
Hunter-Lab	30.238, -4.39, -27.847
Binary	00000100, 01011010, 10001001

#045a89
```
#045a89 rgb(4,90,137)
```
#893304
```
#893304 rgb(137,51,4)
```

Complementary Color

#048976
```
#048976 rgb(4,137,118)
```
#045a89
```
#045a89 rgb(4,90,137)
```
#041889
```
#041889 rgb(4,24,137)
```

Analogous Color

#897604
```
#897604 rgb(137,118,4)
```
#045a89
```
#045a89 rgb(4,90,137)
```
#890418
```
#890418 rgb(137,4,24)
```

Split Complementary Color

#5a8904
```
#5a8904 rgb(90,137,4)
```
#045a89
```
#045a89 rgb(4,90,137)
```
#89045a
```
#89045a rgb(137,4,90)
```

Triadic Color

#048933
```
#048933 rgb(4,137,51)
```
#045a89
```
#045a89 rgb(4,90,137)
```
#89045a
```
#89045a rgb(137,4,90)
```
#893304
```
#893304 rgb(137,51,4)
```

Tetradic Color

#02293f
```
#02293f rgb(2,41,63)
```
#033957
```
#033957 rgb(3,57,87)
```
#034a70
```
#034a70 rgb(3,74,112)
```
#045a89
```
#045a89 rgb(4,90,137)
```
#056aa2
```
#056aa2 rgb(5,106,162)
```
#057bbb
```
#057bbb rgb(5,123,187)
```
#068bd3
```
#068bd3 rgb(6,139,211)
```

Monochromatic Color

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

#047b89
```
#047b89 rgb(4,123,137)
```
#047089
```
#047089 rgb(4,112,137)
```
#046589
```
#046589 rgb(4,101,137)
```
#045a89
```
#045a89 rgb(4,90,137)
```
#044f89
```
#044f89 rgb(4,79,137)
```
#044489
```
#044489 rgb(4,68,137)
```
#043989
```
#043989 rgb(4,57,137)
```

Similar Colors

Text with hexadecimal color #045a89

This text has a font color of #045a89.

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

#045a89 background color

This paragraph has a background color of #045a89.

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

#045a89 border color

This element has a border color of #045a89.

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

CSS codes

.text {color:#045a89;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010f17
```
#010f17 rgb(1,15,23)
```
#011b2a
```
#011b2a rgb(1,27,42)
```
#02283d
```
#02283d rgb(2,40,61)
```
#023450
```
#023450 rgb(2,52,80)
```
#034163
```
#034163 rgb(3,65,99)
```
#034d76
```
#034d76 rgb(3,77,118)
```
#045a89
```
#045a89 rgb(4,90,137)
```
#05679c
```
#05679c rgb(5,103,156)
```
#0573af
```
#0573af rgb(5,115,175)
```
#0680c2
```
#0680c2 rgb(6,128,194)
```
#068cd5
```
#068cd5 rgb(6,140,213)
```
#0799e8
```
#0799e8 rgb(7,153,232)
```

Shade Color Variation

#0ba4f8
```
#0ba4f8 rgb(11,164,248)
```
#1eabf8
```
#1eabf8 rgb(30,171,248)
```
#31b2f9
```
#31b2f9 rgb(49,178,249)
```
#44b9fa
```
#44b9fa rgb(68,185,250)
```
#57c0fa
```
#57c0fa rgb(87,192,250)
```
#6ac8fb
```
#6ac8fb rgb(106,200,251)
```
#7dcffb
```
#7dcffb rgb(125,207,251)
```
#90d6fc
```
#90d6fc rgb(144,214,252)
```
#a3ddfc
```
#a3ddfc rgb(163,221,252)
```
#b6e4fd
```
#b6e4fd rgb(182,228,253)
```
#c9ebfd
```
#c9ebfd rgb(201,235,253)
```
#dcf2fe
```
#dcf2fe rgb(220,242,254)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

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

#454748
```
#454748 rgb(69,71,72)
```
#40494d
```
#40494d rgb(64,73,77)
```
#3a4a53
```
#3a4a53 rgb(58,74,83)
```
#354c58
```
#354c58 rgb(53,76,88)
```
#2f4d5e
```
#2f4d5e rgb(47,77,94)
```
#2a4f63
```
#2a4f63 rgb(42,79,99)
```
#255068
```
#255068 rgb(37,80,104)
```
#1f526e
```
#1f526e rgb(31,82,110)
```
#1a5473
```
#1a5473 rgb(26,84,115)
```
#145579
```
#145579 rgb(20,85,121)
```
#0f577e
```
#0f577e rgb(15,87,126)
```
#095884
```
#095884 rgb(9,88,132)
```
#045a89
```
#045a89 rgb(4,90,137)
```

Tone Color Variation

Below, you can see how #045a89 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
#394a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5c8a Protanopia 1% of men
#3d5e90 Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#325b89 Protanomaly 1% of men, 0.01% of women
#285c8e Deuteranomaly 6% of men, 0.4% of women
#016277 Tritanomaly 0.01% of the population

#045a89 hex color

#045a89 Color Information

#045a89 Color Conversion

Color Schemes with #045a89

Alternatives to #045a89

#045a89 Preview

Shades and Tints of #045a89

Tones of #045a89

Color Blindness Simulator