#045d96 hex color

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

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

● #045d96 color description : Dark blue.

The hexadecimal color #045d96 has RGB values of R:4, G:93, B:150 and CMYK values of C:0.97, M:0.38, Y:0, K:0.41. Its decimal value is 286102.

Hex triplet	045d96	`#045d96`
RGB Decimal	4, 93, 150	`rgb(4,93,150)`
RGB Percent	1.6, 36.5, 58.8	`rgb(1.6%,36.5%,58.8%)`
CMYK	97, 38, 0, 41
HSL	203.4°, 94.8, 30.2	`hsl(203.4,94.8%,30.2%)`
HSV (or HSB)	203.4°, 97.3, 58.8
Web Safe	006699	`#006699`

CIE-LAB	37.942, -0.728, -37.563
XYZ	9.468, 10.056, 30.294
xyY	0.19, 0.202, 10.056
CIE-LCH	37.942, 37.57, 268.89
CIE-LUV	37.942, -23.215, -53.292
Hunter-Lab	31.711, -2.197, -34.445
Binary	00000100, 01011101, 10010110

#045d96
```
#045d96 rgb(4,93,150)
```
#963d04
```
#963d04 rgb(150,61,4)
```

Complementary Color

#049686
```
#049686 rgb(4,150,134)
```
#045d96
```
#045d96 rgb(4,93,150)
```
#041496
```
#041496 rgb(4,20,150)
```

Analogous Color

#968604
```
#968604 rgb(150,134,4)
```
#045d96
```
#045d96 rgb(4,93,150)
```
#960414
```
#960414 rgb(150,4,20)
```

Split Complementary Color

#5d9604
```
#5d9604 rgb(93,150,4)
```
#045d96
```
#045d96 rgb(4,93,150)
```
#96045d
```
#96045d rgb(150,4,93)
```

Triadic Color

#04963d
```
#04963d rgb(4,150,61)
```
#045d96
```
#045d96 rgb(4,93,150)
```
#96045d
```
#96045d rgb(150,4,93)
```
#963d04
```
#963d04 rgb(150,61,4)
```

Tetradic Color

#022f4b
```
#022f4b rgb(2,47,75)
```
#033e64
```
#033e64 rgb(3,62,100)
```
#034e7d
```
#034e7d rgb(3,78,125)
```
#045d96
```
#045d96 rgb(4,93,150)
```
#056caf
```
#056caf rgb(5,108,175)
```
#057cc8
```
#057cc8 rgb(5,124,200)
```
#068be1
```
#068be1 rgb(6,139,225)
```

Monochromatic Color

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

#048296
```
#048296 rgb(4,130,150)
```
#047596
```
#047596 rgb(4,117,150)
```
#046996
```
#046996 rgb(4,105,150)
```
#045d96
```
#045d96 rgb(4,93,150)
```
#045196
```
#045196 rgb(4,81,150)
```
#044596
```
#044596 rgb(4,69,150)
```
#043996
```
#043996 rgb(4,57,150)
```

Similar Colors

Text with hexadecimal color #045d96

This text has a font color of #045d96.

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

#045d96 background color

This paragraph has a background color of #045d96.

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

#045d96 border color

This element has a border color of #045d96.

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

CSS codes

.text {color:#045d96;}

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

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

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)
```
#011623
```
#011623 rgb(1,22,35)
```
#012236
```
#012236 rgb(1,34,54)
```
#022e4a
```
#022e4a rgb(2,46,74)
```
#02395d
```
#02395d rgb(2,57,93)
```
#034570
```
#034570 rgb(3,69,112)
```
#035183
```
#035183 rgb(3,81,131)
```
#045d96
```
#045d96 rgb(4,93,150)
```
#0569a9
```
#0569a9 rgb(5,105,169)
```
#0575bc
```
#0575bc rgb(5,117,188)
```
#0681cf
```
#0681cf rgb(6,129,207)
```
#068ce2
```
#068ce2 rgb(6,140,226)
```
#0798f6
```
#0798f6 rgb(7,152,246)
```

Shade Color Variation

#17a1f9
```
#17a1f9 rgb(23,161,249)
```
#2aa8f9
```
#2aa8f9 rgb(42,168,249)
```
#3db0fa
```
#3db0fa rgb(61,176,250)
```
#50b8fa
```
#50b8fa rgb(80,184,250)
```
#63c0fb
```
#63c0fb rgb(99,192,251)
```
#76c7fb
```
#76c7fb rgb(118,199,251)
```
#8acffc
```
#8acffc rgb(138,207,252)
```
#9dd7fc
```
#9dd7fc rgb(157,215,252)
```
#b0dffd
```
#b0dffd rgb(176,223,253)
```
#c3e7fd
```
#c3e7fd rgb(195,231,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 #045d96 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)
```
#335367
```
#335367 rgb(51,83,103)
```
#2d546d
```
#2d546d rgb(45,84,109)
```
#285572
```
#285572 rgb(40,85,114)
```
#225778
```
#225778 rgb(34,87,120)
```
#1c587e
```
#1c587e rgb(28,88,126)
```
#165984
```
#165984 rgb(22,89,132)
```
#105a8a
```
#105a8a rgb(16,90,138)
```
#0a5c90
```
#0a5c90 rgb(10,92,144)
```
#045d96
```
#045d96 rgb(4,93,150)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a6097 Protanopia 1% of men
#34629c Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#305f96 Protanomaly 1% of men, 0.01% of women
#22609a Deuteranomaly 6% of men, 0.4% of women
#01667f Tritanomaly 0.01% of the population

#045d96 hex color

#045d96 Color Information

#045d96 Color Conversion

Color Schemes with #045d96

Alternatives to #045d96

#045d96 Preview

Shades and Tints of #045d96

Tones of #045d96

Color Blindness Simulator