#045989 hex color

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

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

● #045989 color description : Dark blue.

The hexadecimal color #045989 has RGB values of R:4, G:89, B:137 and CMYK values of C:0.97, M:0.35, Y:0, K:0.46. Its decimal value is 285065.

Hex triplet	045989	`#045989`
RGB Decimal	4, 89, 137	`rgb(4,89,137)`
RGB Percent	1.6, 34.9, 53.7	`rgb(1.6%,34.9%,53.7%)`
CMYK	97, 35, 0, 46
HSL	201.7°, 94.3, 27.6	`hsl(201.7,94.3%,27.6%)`
HSV (or HSB)	201.7°, 97.1, 53.7
Web Safe	006699	`#006699`

CIE-LAB	35.938, -3.507, -32.87
XYZ	8.137, 8.976, 24.969
xyY	0.193, 0.213, 8.976
CIE-LCH	35.938, 33.056, 263.91
CIE-LUV	35.938, -22.577, -45.426
Hunter-Lab	29.96, -3.952, -28.442
Binary	00000100, 01011001, 10001001

#045989
```
#045989 rgb(4,89,137)
```
#893404
```
#893404 rgb(137,52,4)
```

Complementary Color

#048977
```
#048977 rgb(4,137,119)
```
#045989
```
#045989 rgb(4,89,137)
```
#041789
```
#041789 rgb(4,23,137)
```

Analogous Color

#897704
```
#897704 rgb(137,119,4)
```
#045989
```
#045989 rgb(4,89,137)
```
#890416
```
#890416 rgb(137,4,22)
```

Split Complementary Color

#598904
```
#598904 rgb(89,137,4)
```
#045989
```
#045989 rgb(4,89,137)
```
#890459
```
#890459 rgb(137,4,89)
```

Triadic Color

#048934
```
#048934 rgb(4,137,52)
```
#045989
```
#045989 rgb(4,89,137)
```
#890459
```
#890459 rgb(137,4,89)
```
#893404
```
#893404 rgb(137,52,4)
```

Tetradic Color

#02293f
```
#02293f rgb(2,41,63)
```
#033957
```
#033957 rgb(3,57,87)
```
#034970
```
#034970 rgb(3,73,112)
```
#045989
```
#045989 rgb(4,89,137)
```
#0569a2
```
#0569a2 rgb(5,105,162)
```
#0579bb
```
#0579bb rgb(5,121,187)
```
#0689d3
```
#0689d3 rgb(6,137,211)
```

Monochromatic Color

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

#047a89
```
#047a89 rgb(4,122,137)
```
#046f89
```
#046f89 rgb(4,111,137)
```
#046489
```
#046489 rgb(4,100,137)
```
#045989
```
#045989 rgb(4,89,137)
```
#044e89
```
#044e89 rgb(4,78,137)
```
#044389
```
#044389 rgb(4,67,137)
```
#043889
```
#043889 rgb(4,56,137)
```

Similar Colors

Text with hexadecimal color #045989

This text has a font color of #045989.

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

#045989 background color

This paragraph has a background color of #045989.

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

#045989 border color

This element has a border color of #045989.

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

CSS codes

.text {color:#045989;}

.background {background-color:#045989;}

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

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)
```
#02273d
```
#02273d rgb(2,39,61)
```
#023450
```
#023450 rgb(2,52,80)
```
#034063
```
#034063 rgb(3,64,99)
```
#034d76
```
#034d76 rgb(3,77,118)
```
#045989
```
#045989 rgb(4,89,137)
```
#05659c
```
#05659c rgb(5,101,156)
```
#0572af
```
#0572af rgb(5,114,175)
```
#067ec2
```
#067ec2 rgb(6,126,194)
```
#068bd5
```
#068bd5 rgb(6,139,213)
```
#0797e8
```
#0797e8 rgb(7,151,232)
```

Shade Color Variation

#0ba2f8
```
#0ba2f8 rgb(11,162,248)
```
#1eaaf8
```
#1eaaf8 rgb(30,170,248)
```
#31b1f9
```
#31b1f9 rgb(49,177,249)
```
#44b8fa
```
#44b8fa rgb(68,184,250)
```
#57bffa
```
#57bffa rgb(87,191,250)
```
#6ac6fb
```
#6ac6fb rgb(106,198,251)
```
#7dcefb
```
#7dcefb rgb(125,206,251)
```
#90d5fc
```
#90d5fc rgb(144,213,252)
```
#a3dcfc
```
#a3dcfc rgb(163,220,252)
```
#b6e3fd
```
#b6e3fd rgb(182,227,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 #045989 is the most saturated one.

#454748
```
#454748 rgb(69,71,72)
```
#40484d
```
#40484d rgb(64,72,77)
```
#3a4a53
```
#3a4a53 rgb(58,74,83)
```
#354b58
```
#354b58 rgb(53,75,88)
```
#2f4d5e
```
#2f4d5e rgb(47,77,94)
```
#2a4e63
```
#2a4e63 rgb(42,78,99)
```
#255068
```
#255068 rgb(37,80,104)
```
#1f516e
```
#1f516e rgb(31,81,110)
```
#1a5373
```
#1a5373 rgb(26,83,115)
```
#145479
```
#145479 rgb(20,84,121)
```
#0f567e
```
#0f567e rgb(15,86,126)
```
#095784
```
#095784 rgb(9,87,132)
```
#045989
```
#045989 rgb(4,89,137)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#384953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5b8a Protanopia 1% of men
#3b5d90 Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#315a8a Protanomaly 1% of men, 0.01% of women
#275c8d Deuteranomaly 6% of men, 0.4% of women
#016177 Tritanomaly 0.01% of the population

#045989 hex color

#045989 Color Information

#045989 Color Conversion

Color Schemes with #045989

Alternatives to #045989

#045989 Preview

Shades and Tints of #045989

Tones of #045989

Color Blindness Simulator