#045b82 hex color

In a RGB color space, hex #045b82 is composed of 1.6% red, 35.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 30% magenta, 0% yellow and 49% black. It has a hue angle of 198.6 degrees, a saturation of 94% and a lightness of 26.3%. #045b82 color hex could be obtained by blending #08b6ff with #000005. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 36
- B 51
RGB color chart
- C 97
- M 30
- Y 0
- K 49
CMYK color chart

● #045b82 color description : Dark blue.

The hexadecimal color #045b82 has RGB values of R:4, G:91, B:130 and CMYK values of C:0.97, M:0.3, Y:0, K:0.49. Its decimal value is 285570.

Hex triplet	045b82	`#045b82`
RGB Decimal	4, 91, 130	`rgb(4,91,130)`
RGB Percent	1.6, 35.7, 51	`rgb(1.6%,35.7%,51%)`
CMYK	97, 30, 0, 49
HSL	198.6°, 94, 26.3	`hsl(198.6,94%,26.3%)`
HSV (or HSB)	198.6°, 96.9, 51
Web Safe	006699	`#006699`

CIE-LAB	36.212, -7.592, -28.161
XYZ	7.819, 9.119, 22.466
xyY	0.198, 0.231, 9.119
CIE-LCH	36.212, 29.166, 254.912
CIE-LUV	36.212, -23.681, -38.232
Hunter-Lab	30.198, -6.625, -22.971
Binary	00000100, 01011011, 10000010

#045b82
```
#045b82 rgb(4,91,130)
```
#822b04
```
#822b04 rgb(130,43,4)
```

Complementary Color

#04826a
```
#04826a rgb(4,130,106)
```
#045b82
```
#045b82 rgb(4,91,130)
```
#041c82
```
#041c82 rgb(4,28,130)
```

Analogous Color

#826a04
```
#826a04 rgb(130,106,4)
```
#045b82
```
#045b82 rgb(4,91,130)
```
#82041c
```
#82041c rgb(130,4,28)
```

Split Complementary Color

#5b8204
```
#5b8204 rgb(91,130,4)
```
#045b82
```
#045b82 rgb(4,91,130)
```
#82045b
```
#82045b rgb(130,4,91)
```

Triadic Color

#04822b
```
#04822b rgb(4,130,43)
```
#045b82
```
#045b82 rgb(4,91,130)
```
#82045b
```
#82045b rgb(130,4,91)
```
#822b04
```
#822b04 rgb(130,43,4)
```

Tetradic Color

#022738
```
#022738 rgb(2,39,56)
```
#023851
```
#023851 rgb(2,56,81)
```
#034a69
```
#034a69 rgb(3,74,105)
```
#045b82
```
#045b82 rgb(4,91,130)
```
#056c9b
```
#056c9b rgb(5,108,155)
```
#067eb3
```
#067eb3 rgb(6,126,179)
```
#068fcc
```
#068fcc rgb(6,143,204)
```

Monochromatic Color

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

#047b82
```
#047b82 rgb(4,123,130)
```
#047082
```
#047082 rgb(4,112,130)
```
#046682
```
#046682 rgb(4,102,130)
```
#045b82
```
#045b82 rgb(4,91,130)
```
#045182
```
#045182 rgb(4,81,130)
```
#044682
```
#044682 rgb(4,70,130)
```
#043c82
```
#043c82 rgb(4,60,130)
```

Similar Colors

Text with hexadecimal color #045b82

This text has a font color of #045b82.

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

#045b82 background color

This paragraph has a background color of #045b82.

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

#045b82 border color

This element has a border color of #045b82.

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

CSS codes

.text {color:#045b82;}

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

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

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

#000b10
```
#000b10 rgb(0,11,16)
```
#011823
```
#011823 rgb(1,24,35)
```
#022636
```
#022636 rgb(2,38,54)
```
#023349
```
#023349 rgb(2,51,73)
```
#03405c
```
#03405c rgb(3,64,92)
```
#034e6f
```
#034e6f rgb(3,78,111)
```
#045b82
```
#045b82 rgb(4,91,130)
```
#056895
```
#056895 rgb(5,104,149)
```
#0576a8
```
#0576a8 rgb(5,118,168)
```
#0683bb
```
#0683bb rgb(6,131,187)
```
#0690ce
```
#0690ce rgb(6,144,206)
```
#079ee1
```
#079ee1 rgb(7,158,225)
```
#08abf4
```
#08abf4 rgb(8,171,244)
```

Shade Color Variation

#17b2f8
```
#17b2f8 rgb(23,178,248)
```
#2ab9f8
```
#2ab9f8 rgb(42,185,248)
```
#3dbff9
```
#3dbff9 rgb(61,191,249)
```
#51c5fa
```
#51c5fa rgb(81,197,250)
```
#64ccfa
```
#64ccfa rgb(100,204,250)
```
#77d2fb
```
#77d2fb rgb(119,210,251)
```
#8ad8fb
```
#8ad8fb rgb(138,216,251)
```
#9ddefc
```
#9ddefc rgb(157,222,252)
```
#b0e5fd
```
#b0e5fd rgb(176,229,253)
```
#c3ebfd
```
#c3ebfd rgb(195,235,253)
```
#d6f1fe
```
#d6f1fe rgb(214,241,254)
```
#e9f8fe
```
#e9f8fe rgb(233,248,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#424344
```
#424344 rgb(66,67,68)
```
#3d4549
```
#3d4549 rgb(61,69,73)
```
#38474e
```
#38474e rgb(56,71,78)
```
#324954
```
#324954 rgb(50,73,84)
```
#2d4b59
```
#2d4b59 rgb(45,75,89)
```
#284d5e
```
#284d5e rgb(40,77,94)
```
#234f63
```
#234f63 rgb(35,79,99)
```
#1e5168
```
#1e5168 rgb(30,81,104)
```
#19536d
```
#19536d rgb(25,83,109)
```
#135573
```
#135573 rgb(19,85,115)
```
#0e5778
```
#0e5778 rgb(14,87,120)
```
#09597d
```
#09597d rgb(9,89,125)
```
#045b82
```
#045b82 rgb(4,91,130)
```

Tone Color Variation

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

Dichromacy

#505c83 Protanopia 1% of men
#455d8a Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#345c82 Protanomaly 1% of men, 0.01% of women
#2d5c87 Deuteranomaly 6% of men, 0.4% of women
#016275 Tritanomaly 0.01% of the population

#045b82 hex color

#045b82 Color Information

#045b82 Color Conversion

Color Schemes with #045b82

Alternatives to #045b82

#045b82 Preview

Shades and Tints of #045b82

Tones of #045b82

Color Blindness Simulator