#045689 hex color

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

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

● #045689 color description : Dark blue.

The hexadecimal color #045689 has RGB values of R:4, G:86, B:137 and CMYK values of C:0.97, M:0.37, Y:0, K:0.46. Its decimal value is 284297.

Hex triplet	045689	`#045689`
RGB Decimal	4, 86, 137	`rgb(4,86,137)`
RGB Percent	1.6, 33.7, 53.7	`rgb(1.6%,33.7%,53.7%)`
CMYK	97, 37, 0, 46
HSL	203°, 94.3, 27.6	`hsl(203,94.3%,27.6%)`
HSV (or HSB)	203°, 97.1, 53.7
Web Safe	006699	`#006699`

CIE-LAB	34.977, -1.594, -34.394
XYZ	7.892, 8.487, 24.888
xyY	0.191, 0.206, 8.487
CIE-LCH	34.977, 34.43, 267.346
CIE-LUV	34.977, -21.558, -47.456
Hunter-Lab	29.132, -2.624, -30.259
Binary	00000100, 01010110, 10001001

#045689
```
#045689 rgb(4,86,137)
```
#893704
```
#893704 rgb(137,55,4)
```

Complementary Color

#04897a
```
#04897a rgb(4,137,122)
```
#045689
```
#045689 rgb(4,86,137)
```
#041489
```
#041489 rgb(4,20,137)
```

Analogous Color

#897a04
```
#897a04 rgb(137,122,4)
```
#045689
```
#045689 rgb(4,86,137)
```
#890414
```
#890414 rgb(137,4,20)
```

Split Complementary Color

#568904
```
#568904 rgb(86,137,4)
```
#045689
```
#045689 rgb(4,86,137)
```
#890456
```
#890456 rgb(137,4,86)
```

Triadic Color

#048937
```
#048937 rgb(4,137,55)
```
#045689
```
#045689 rgb(4,86,137)
```
#890456
```
#890456 rgb(137,4,86)
```
#893704
```
#893704 rgb(137,55,4)
```

Tetradic Color

#02273f
```
#02273f rgb(2,39,63)
```
#033757
```
#033757 rgb(3,55,87)
```
#034670
```
#034670 rgb(3,70,112)
```
#045689
```
#045689 rgb(4,86,137)
```
#0566a2
```
#0566a2 rgb(5,102,162)
```
#0575bb
```
#0575bb rgb(5,117,187)
```
#0685d3
```
#0685d3 rgb(6,133,211)
```

Monochromatic Color

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

#047789
```
#047789 rgb(4,119,137)
```
#046c89
```
#046c89 rgb(4,108,137)
```
#046189
```
#046189 rgb(4,97,137)
```
#045689
```
#045689 rgb(4,86,137)
```
#044b89
```
#044b89 rgb(4,75,137)
```
#044089
```
#044089 rgb(4,64,137)
```
#043589
```
#043589 rgb(4,53,137)
```

Similar Colors

Text with hexadecimal color #045689

This text has a font color of #045689.

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

#045689 background color

This paragraph has a background color of #045689.

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

#045689 border color

This element has a border color of #045689.

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

CSS codes

.text {color:#045689;}

.background {background-color:#045689;}

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

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)
```
#010e17
```
#010e17 rgb(1,14,23)
```
#011a2a
```
#011a2a rgb(1,26,42)
```
#02263d
```
#02263d rgb(2,38,61)
```
#023250
```
#023250 rgb(2,50,80)
```
#033e63
```
#033e63 rgb(3,62,99)
```
#034a76
```
#034a76 rgb(3,74,118)
```
#045689
```
#045689 rgb(4,86,137)
```
#05629c
```
#05629c rgb(5,98,156)
```
#056eaf
```
#056eaf rgb(5,110,175)
```
#067ac2
```
#067ac2 rgb(6,122,194)
```
#0686d5
```
#0686d5 rgb(6,134,213)
```
#0792e8
```
#0792e8 rgb(7,146,232)
```

Shade Color Variation

#0b9df8
```
#0b9df8 rgb(11,157,248)
```
#1ea5f8
```
#1ea5f8 rgb(30,165,248)
```
#31acf9
```
#31acf9 rgb(49,172,249)
```
#44b4fa
```
#44b4fa rgb(68,180,250)
```
#57bcfa
```
#57bcfa rgb(87,188,250)
```
#6ac3fb
```
#6ac3fb rgb(106,195,251)
```
#7dcbfb
```
#7dcbfb rgb(125,203,251)
```
#90d3fc
```
#90d3fc rgb(144,211,252)
```
#a3dafc
```
#a3dafc rgb(163,218,252)
```
#b6e2fd
```
#b6e2fd rgb(182,226,253)
```
#c9e9fd
```
#c9e9fd rgb(201,233,253)
```
#dcf1fe
```
#dcf1fe rgb(220,241,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 #045689 is the most saturated one.

#454748
```
#454748 rgb(69,71,72)
```
#40484d
```
#40484d rgb(64,72,77)
```
#3a4953
```
#3a4953 rgb(58,73,83)
```
#354b58
```
#354b58 rgb(53,75,88)
```
#2f4c5e
```
#2f4c5e rgb(47,76,94)
```
#2a4d63
```
#2a4d63 rgb(42,77,99)
```
#254e68
```
#254e68 rgb(37,78,104)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#1a5173
```
#1a5173 rgb(26,81,115)
```
#145279
```
#145279 rgb(20,82,121)
```
#0f537e
```
#0f537e rgb(15,83,126)
```
#095584
```
#095584 rgb(9,85,132)
```
#045689
```
#045689 rgb(4,86,137)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#364751 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46598b Protanopia 1% of men
#345b90 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#2e588a Protanomaly 1% of men, 0.01% of women
#22598d Deuteranomaly 6% of men, 0.4% of women
#015f75 Tritanomaly 0.01% of the population

#045689 hex color

#045689 Color Information

#045689 Color Conversion

Color Schemes with #045689

Alternatives to #045689

#045689 Preview

Shades and Tints of #045689

Tones of #045689

Color Blindness Simulator