#045a96 hex color

In a RGB color space, hex #045a96 is composed of 1.6% red, 35.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 40% magenta, 0% yellow and 41.2% black. It has a hue angle of 204.7 degrees, a saturation of 94.8% and a lightness of 30.2%. #045a96 color hex could be obtained by blending #08b4ff with #00002d. Closest websafe color is: #006699.

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

● #045a96 color description : Dark blue.

The hexadecimal color #045a96 has RGB values of R:4, G:90, B:150 and CMYK values of C:0.97, M:0.4, Y:0, K:0.41. Its decimal value is 285334.

Hex triplet	045a96	`#045a96`
RGB Decimal	4, 90, 150	`rgb(4,90,150)`
RGB Percent	1.6, 35.3, 58.8	`rgb(1.6%,35.3%,58.8%)`
CMYK	97, 40, 0, 41
HSL	204.7°, 94.8, 30.2	`hsl(204.7,94.8%,30.2%)`
HSV (or HSB)	204.7°, 97.3, 58.8
Web Safe	006699	`#006699`

CIE-LAB	37.003, 1.196, -39.059
XYZ	9.21, 9.539, 30.208
xyY	0.188, 0.195, 9.539
CIE-LCH	37.003, 39.077, 271.754
CIE-LUV	37.003, -22.218, -55.28
Hunter-Lab	30.886, -0.822, -36.37
Binary	00000100, 01011010, 10010110

#045a96
```
#045a96 rgb(4,90,150)
```
#964004
```
#964004 rgb(150,64,4)
```

Complementary Color

#049689
```
#049689 rgb(4,150,137)
```
#045a96
```
#045a96 rgb(4,90,150)
```
#041196
```
#041196 rgb(4,17,150)
```

Analogous Color

#968904
```
#968904 rgb(150,137,4)
```
#045a96
```
#045a96 rgb(4,90,150)
```
#960411
```
#960411 rgb(150,4,17)
```

Split Complementary Color

#5a9604
```
#5a9604 rgb(90,150,4)
```
#045a96
```
#045a96 rgb(4,90,150)
```
#96045a
```
#96045a rgb(150,4,90)
```

Triadic Color

#049640
```
#049640 rgb(4,150,64)
```
#045a96
```
#045a96 rgb(4,90,150)
```
#96045a
```
#96045a rgb(150,4,90)
```
#964004
```
#964004 rgb(150,64,4)
```

Tetradic Color

#022d4b
```
#022d4b rgb(2,45,75)
```
#033c64
```
#033c64 rgb(3,60,100)
```
#034b7d
```
#034b7d rgb(3,75,125)
```
#045a96
```
#045a96 rgb(4,90,150)
```
#0569af
```
#0569af rgb(5,105,175)
```
#0578c8
```
#0578c8 rgb(5,120,200)
```
#0687e1
```
#0687e1 rgb(6,135,225)
```

Monochromatic Color

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

#047f96
```
#047f96 rgb(4,127,150)
```
#047296
```
#047296 rgb(4,114,150)
```
#046696
```
#046696 rgb(4,102,150)
```
#045a96
```
#045a96 rgb(4,90,150)
```
#044e96
```
#044e96 rgb(4,78,150)
```
#044296
```
#044296 rgb(4,66,150)
```
#043696
```
#043696 rgb(4,54,150)
```

Similar Colors

Text with hexadecimal color #045a96

This text has a font color of #045a96.

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

#045a96 background color

This paragraph has a background color of #045a96.

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

#045a96 border color

This element has a border color of #045a96.

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

CSS codes

.text {color:#045a96;}

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

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

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, #000a10 is the darkest color, while #fcfeff is the lightest one.

#000a10
```
#000a10 rgb(0,10,16)
```
#011523
```
#011523 rgb(1,21,35)
```
#012136
```
#012136 rgb(1,33,54)
```
#022c4a
```
#022c4a rgb(2,44,74)
```
#02385d
```
#02385d rgb(2,56,93)
```
#034370
```
#034370 rgb(3,67,112)
```
#034f83
```
#034f83 rgb(3,79,131)
```
#045a96
```
#045a96 rgb(4,90,150)
```
#0565a9
```
#0565a9 rgb(5,101,169)
```
#0571bc
```
#0571bc rgb(5,113,188)
```
#067ccf
```
#067ccf rgb(6,124,207)
```
#0688e2
```
#0688e2 rgb(6,136,226)
```
#0793f6
```
#0793f6 rgb(7,147,246)
```

Shade Color Variation

#179cf9
```
#179cf9 rgb(23,156,249)
```
#2aa4f9
```
#2aa4f9 rgb(42,164,249)
```
#3dacfa
```
#3dacfa rgb(61,172,250)
```
#50b4fa
```
#50b4fa rgb(80,180,250)
```
#63bdfb
```
#63bdfb rgb(99,189,251)
```
#76c5fb
```
#76c5fb rgb(118,197,251)
```
#8acdfc
```
#8acdfc rgb(138,205,252)
```
#9dd5fc
```
#9dd5fc rgb(157,213,252)
```
#b0ddfd
```
#b0ddfd rgb(176,221,253)
```
#c3e5fd
```
#c3e5fd rgb(195,229,253)
```
#d6edfe
```
#d6edfe rgb(214,237,254)
```
#e9f6fe
```
#e9f6fe rgb(233,246,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#4b4d4f
```
#4b4d4f rgb(75,77,79)
```
#454e55
```
#454e55 rgb(69,78,85)
```
#3f4f5b
```
#3f4f5b rgb(63,79,91)
```
#395161
```
#395161 rgb(57,81,97)
```
#335267
```
#335267 rgb(51,82,103)
```
#2d536d
```
#2d536d rgb(45,83,109)
```
#285472
```
#285472 rgb(40,84,114)
```
#225578
```
#225578 rgb(34,85,120)
```
#1c567e
```
#1c567e rgb(28,86,126)
```
#165784
```
#165784 rgb(22,87,132)
```
#10588a
```
#10588a rgb(16,88,138)
```
#0a5990
```
#0a5990 rgb(10,89,144)
```
#045a96
```
#045a96 rgb(4,90,150)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3a4b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465d97 Protanopia 1% of men
#2c609c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#2e5c97 Protanomaly 1% of men, 0.01% of women
#1d5e99 Deuteranomaly 6% of men, 0.4% of women
#01637d Tritanomaly 0.01% of the population

#045a96 hex color

#045a96 Color Information

#045a96 Color Conversion

Color Schemes with #045a96

Alternatives to #045a96

#045a96 Preview

Shades and Tints of #045a96

Tones of #045a96

Color Blindness Simulator