#045b96 hex color

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

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

● #045b96 color description : Dark blue.

The hexadecimal color #045b96 has RGB values of R:4, G:91, B:150 and CMYK values of C:0.97, M:0.39, Y:0, K:0.41. Its decimal value is 285590.

Hex triplet	045b96	`#045b96`
RGB Decimal	4, 91, 150	`rgb(4,91,150)`
RGB Percent	1.6, 35.7, 58.8	`rgb(1.6%,35.7%,58.8%)`
CMYK	97, 39, 0, 41
HSL	204.2°, 94.8, 30.2	`hsl(204.2,94.8%,30.2%)`
HSV (or HSB)	204.2°, 97.3, 58.8
Web Safe	006699	`#006699`

CIE-LAB	37.315, 0.552, -38.56
XYZ	9.295, 9.709, 30.237
xyY	0.189, 0.197, 9.709
CIE-LCH	37.315, 38.564, 270.82
CIE-LUV	37.315, -22.549, -54.625
Hunter-Lab	31.159, -1.283, -35.722
Binary	00000100, 01011011, 10010110

#045b96
```
#045b96 rgb(4,91,150)
```
#963f04
```
#963f04 rgb(150,63,4)
```

Complementary Color

#049688
```
#049688 rgb(4,150,136)
```
#045b96
```
#045b96 rgb(4,91,150)
```
#041296
```
#041296 rgb(4,18,150)
```

Analogous Color

#968804
```
#968804 rgb(150,136,4)
```
#045b96
```
#045b96 rgb(4,91,150)
```
#960412
```
#960412 rgb(150,4,18)
```

Split Complementary Color

#5b9604
```
#5b9604 rgb(91,150,4)
```
#045b96
```
#045b96 rgb(4,91,150)
```
#96045b
```
#96045b rgb(150,4,91)
```

Triadic Color

#04963f
```
#04963f rgb(4,150,63)
```
#045b96
```
#045b96 rgb(4,91,150)
```
#96045b
```
#96045b rgb(150,4,91)
```
#963f04
```
#963f04 rgb(150,63,4)
```

Tetradic Color

#022e4b
```
#022e4b rgb(2,46,75)
```
#033d64
```
#033d64 rgb(3,61,100)
```
#034c7d
```
#034c7d rgb(3,76,125)
```
#045b96
```
#045b96 rgb(4,91,150)
```
#056aaf
```
#056aaf rgb(5,106,175)
```
#0579c8
```
#0579c8 rgb(5,121,200)
```
#0688e1
```
#0688e1 rgb(6,136,225)
```

Monochromatic Color

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

#048096
```
#048096 rgb(4,128,150)
```
#047396
```
#047396 rgb(4,115,150)
```
#046796
```
#046796 rgb(4,103,150)
```
#045b96
```
#045b96 rgb(4,91,150)
```
#044f96
```
#044f96 rgb(4,79,150)
```
#044396
```
#044396 rgb(4,67,150)
```
#043796
```
#043796 rgb(4,55,150)
```

Similar Colors

Text with hexadecimal color #045b96

This text has a font color of #045b96.

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

#045b96 background color

This paragraph has a background color of #045b96.

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

#045b96 border color

This element has a border color of #045b96.

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

CSS codes

.text {color:#045b96;}

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

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

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)
```
#022d4a
```
#022d4a rgb(2,45,74)
```
#02385d
```
#02385d rgb(2,56,93)
```
#034470
```
#034470 rgb(3,68,112)
```
#034f83
```
#034f83 rgb(3,79,131)
```
#045b96
```
#045b96 rgb(4,91,150)
```
#0567a9
```
#0567a9 rgb(5,103,169)
```
#0572bc
```
#0572bc rgb(5,114,188)
```
#067ecf
```
#067ecf rgb(6,126,207)
```
#0689e2
```
#0689e2 rgb(6,137,226)
```
#0795f6
```
#0795f6 rgb(7,149,246)
```

Shade Color Variation

#179ef9
```
#179ef9 rgb(23,158,249)
```
#2aa6f9
```
#2aa6f9 rgb(42,166,249)
```
#3daefa
```
#3daefa rgb(61,174,250)
```
#50b6fa
```
#50b6fa rgb(80,182,250)
```
#63befb
```
#63befb rgb(99,190,251)
```
#76c6fb
```
#76c6fb rgb(118,198,251)
```
#8acefc
```
#8acefc rgb(138,206,252)
```
#9dd6fc
```
#9dd6fc rgb(157,214,252)
```
#b0defd
```
#b0defd rgb(176,222,253)
```
#c3e6fd
```
#c3e6fd rgb(195,230,253)
```
#d6eefe
```
#d6eefe rgb(214,238,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 #045b96 is the most saturated one.

#4b4d4f
```
#4b4d4f rgb(75,77,79)
```
#454f55
```
#454f55 rgb(69,79,85)
```
#3f505b
```
#3f505b rgb(63,80,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)
```
#165884
```
#165884 rgb(22,88,132)
```
#10598a
```
#10598a rgb(16,89,138)
```
#0a5a90
```
#0a5a90 rgb(10,90,144)
```
#045b96
```
#045b96 rgb(4,91,150)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3a4c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475e97 Protanopia 1% of men
#2f619c Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#2f5d96 Protanomaly 1% of men, 0.01% of women
#1f5f9a Deuteranomaly 6% of men, 0.4% of women
#01647e Tritanomaly 0.01% of the population

#045b96 hex color

#045b96 Color Information

#045b96 Color Conversion

Color Schemes with #045b96

Alternatives to #045b96

#045b96 Preview

Shades and Tints of #045b96

Tones of #045b96

Color Blindness Simulator