#045699 hex color

In a RGB color space, hex #045699 is composed of 1.6% red, 33.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 43.8% magenta, 0% yellow and 40% black. It has a hue angle of 207 degrees, a saturation of 94.9% and a lightness of 30.8%. #045699 color hex could be obtained by blending #08acff with #000033. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 34
- B 60
RGB color chart
- C 97
- M 44
- Y 0
- K 40
CMYK color chart

● #045699 color description : Dark blue.

The hexadecimal color #045699 has RGB values of R:4, G:86, B:153 and CMYK values of C:0.97, M:0.44, Y:0, K:0.4. Its decimal value is 284313.

Hex triplet	045699	`#045699`
RGB Decimal	4, 86, 153	`rgb(4,86,153)`
RGB Percent	1.6, 33.7, 60	`rgb(1.6%,33.7%,60%)`
CMYK	97, 44, 0, 40
HSL	207°, 94.9, 30.8	`hsl(207,94.9%,30.8%)`
HSV (or HSB)	207°, 97.4, 60
Web Safe	006699	`#006699`

CIE-LAB	35.947, 5.05, -42.555
XYZ	9.126, 8.98, 31.388
xyY	0.184, 0.181, 8.98
CIE-LCH	35.947, 42.854, 276.767
CIE-LUV	35.947, -20.774, -60.158
Hunter-Lab	29.967, 1.918, -41.123
Binary	00000100, 01010110, 10011001

#045699
```
#045699 rgb(4,86,153)
```
#994704
```
#994704 rgb(153,71,4)
```

Complementary Color

#049992
```
#049992 rgb(4,153,146)
```
#045699
```
#045699 rgb(4,86,153)
```
#040b99
```
#040b99 rgb(4,11,153)
```

Analogous Color

#999204
```
#999204 rgb(153,146,4)
```
#045699
```
#045699 rgb(4,86,153)
```
#99040b
```
#99040b rgb(153,4,11)
```

Split Complementary Color

#569904
```
#569904 rgb(86,153,4)
```
#045699
```
#045699 rgb(4,86,153)
```
#990456
```
#990456 rgb(153,4,86)
```

Triadic Color

#049947
```
#049947 rgb(4,153,71)
```
#045699
```
#045699 rgb(4,86,153)
```
#990456
```
#990456 rgb(153,4,86)
```
#994704
```
#994704 rgb(153,71,4)
```

Tetradic Color

#022c4e
```
#022c4e rgb(2,44,78)
```
#033a67
```
#033a67 rgb(3,58,103)
```
#034880
```
#034880 rgb(3,72,128)
```
#045699
```
#045699 rgb(4,86,153)
```
#0564b2
```
#0564b2 rgb(5,100,178)
```
#0572cb
```
#0572cb rgb(5,114,203)
```
#0680e4
```
#0680e4 rgb(6,128,228)
```

Monochromatic Color

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

#047b99
```
#047b99 rgb(4,123,153)
```
#046f99
```
#046f99 rgb(4,111,153)
```
#046299
```
#046299 rgb(4,98,153)
```
#045699
```
#045699 rgb(4,86,153)
```
#044a99
```
#044a99 rgb(4,74,153)
```
#043d99
```
#043d99 rgb(4,61,153)
```
#043199
```
#043199 rgb(4,49,153)
```

Similar Colors

Text with hexadecimal color #045699

This text has a font color of #045699.

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

#045699 background color

This paragraph has a background color of #045699.

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

#045699 border color

This element has a border color of #045699.

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

CSS codes

.text {color:#045699;}

.background {background-color:#045699;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010b13
```
#010b13 rgb(1,11,19)
```
#011626
```
#011626 rgb(1,22,38)
```
#022039
```
#022039 rgb(2,32,57)
```
#022b4d
```
#022b4d rgb(2,43,77)
```
#033660
```
#033660 rgb(3,54,96)
```
#034173
```
#034173 rgb(3,65,115)
```
#044b86
```
#044b86 rgb(4,75,134)
```
#045699
```
#045699 rgb(4,86,153)
```
#0461ac
```
#0461ac rgb(4,97,172)
```
#056bbf
```
#056bbf rgb(5,107,191)
```
#0576d2
```
#0576d2 rgb(5,118,210)
```
#0681e5
```
#0681e5 rgb(6,129,229)
```

Shade Color Variation

#078cf9
```
#078cf9 rgb(7,140,249)
```
#1a95f9
```
#1a95f9 rgb(26,149,249)
```
#2d9dfa
```
#2d9dfa rgb(45,157,250)
```
#40a6fa
```
#40a6fa rgb(64,166,250)
```
#53affb
```
#53affb rgb(83,175,251)
```
#66b8fb
```
#66b8fb rgb(102,184,251)
```
#79c1fc
```
#79c1fc rgb(121,193,252)
```
#8ccafc
```
#8ccafc rgb(140,202,252)
```
#9fd3fd
```
#9fd3fd rgb(159,211,253)
```
#b3dcfd
```
#b3dcfd rgb(179,220,253)
```
#c6e4fe
```
#c6e4fe rgb(198,228,254)
```
#d9edfe
```
#d9edfe rgb(217,237,254)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```

Tint Color Variation

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

#4c4f51
```
#4c4f51 rgb(76,79,81)
```
#464f57
```
#464f57 rgb(70,79,87)
```
#40505d
```
#40505d rgb(64,80,93)
```
#3a5163
```
#3a5163 rgb(58,81,99)
```
#345169
```
#345169 rgb(52,81,105)
```
#2e526f
```
#2e526f rgb(46,82,111)
```
#285275
```
#285275 rgb(40,82,117)
```
#22537b
```
#22537b rgb(34,83,123)
```
#1c5481
```
#1c5481 rgb(28,84,129)
```
#165487
```
#165487 rgb(22,84,135)
```
#10558d
```
#10558d rgb(16,85,141)
```
#0a5593
```
#0a5593 rgb(10,85,147)
```
#045699
```
#045699 rgb(4,86,153)
```

Tone Color Variation

Below, you can see how #045699 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
#384856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5b9b Protanopia 1% of men
#0b5e9e Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#28599a Protanomaly 1% of men, 0.01% of women
#085b9c Deuteranomaly 6% of men, 0.4% of women
#01607c Tritanomaly 0.01% of the population

#045699 hex color

#045699 Color Information

#045699 Color Conversion

Color Schemes with #045699

Alternatives to #045699

#045699 Preview

Shades and Tints of #045699

Tones of #045699

Color Blindness Simulator