#045e80 hex color

In a RGB color space, hex #045e80 is composed of 1.6% red, 36.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 26.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 196.5 degrees, a saturation of 93.9% and a lightness of 25.9%. #045e80 color hex could be obtained by blending #08bcff with #000001. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 37
- B 50
RGB color chart
- C 97
- M 27
- Y 0
- K 50
CMYK color chart

● #045e80 color description : Dark blue.

The hexadecimal color #045e80 has RGB values of R:4, G:94, B:128 and CMYK values of C:0.97, M:0.27, Y:0, K:0.5. Its decimal value is 286336.

Hex triplet	045e80	`#045e80`
RGB Decimal	4, 94, 128	`rgb(4,94,128)`
RGB Percent	1.6, 36.9, 50.2	`rgb(1.6%,36.9%,50.2%)`
CMYK	97, 27, 0, 50
HSL	196.5°, 93.9, 25.9	`hsl(196.5,93.9%,25.9%)`
HSV (or HSB)	196.5°, 96.9, 50.2
Web Safe	006699	`#006699`

CIE-LAB	37.094, -10.208, -25.555
XYZ	7.948, 9.589, 21.853
xyY	0.202, 0.243, 9.589
CIE-LCH	37.094, 27.518, 248.226
CIE-LUV	37.094, -24.865, -34.364
Hunter-Lab	30.966, -8.375, -20.165
Binary	00000100, 01011110, 10000000

#045e80
```
#045e80 rgb(4,94,128)
```
#802604
```
#802604 rgb(128,38,4)
```

Complementary Color

#048064
```
#048064 rgb(4,128,100)
```
#045e80
```
#045e80 rgb(4,94,128)
```
#042080
```
#042080 rgb(4,32,128)
```

Analogous Color

#806404
```
#806404 rgb(128,100,4)
```
#045e80
```
#045e80 rgb(4,94,128)
```
#800420
```
#800420 rgb(128,4,32)
```

Split Complementary Color

#5e8004
```
#5e8004 rgb(94,128,4)
```
#045e80
```
#045e80 rgb(4,94,128)
```
#80045e
```
#80045e rgb(128,4,94)
```

Triadic Color

#048026
```
#048026 rgb(4,128,38)
```
#045e80
```
#045e80 rgb(4,94,128)
```
#80045e
```
#80045e rgb(128,4,94)
```
#802604
```
#802604 rgb(128,38,4)
```

Tetradic Color

#022836
```
#022836 rgb(2,40,54)
```
#023a4f
```
#023a4f rgb(2,58,79)
```
#034c67
```
#034c67 rgb(3,76,103)
```
#045e80
```
#045e80 rgb(4,94,128)
```
#057099
```
#057099 rgb(5,112,153)
```
#0682b1
```
#0682b1 rgb(6,130,177)
```
#0694ca
```
#0694ca rgb(6,148,202)
```

Monochromatic Color

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

#047d80
```
#047d80 rgb(4,125,128)
```
#047380
```
#047380 rgb(4,115,128)
```
#046880
```
#046880 rgb(4,104,128)
```
#045e80
```
#045e80 rgb(4,94,128)
```
#045480
```
#045480 rgb(4,84,128)
```
#044980
```
#044980 rgb(4,73,128)
```
#043f80
```
#043f80 rgb(4,63,128)
```

Similar Colors

Text with hexadecimal color #045e80

This text has a font color of #045e80.

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

#045e80 background color

This paragraph has a background color of #045e80.

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

#045e80 border color

This element has a border color of #045e80.

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

CSS codes

.text {color:#045e80;}

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

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

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

#000a0e
```
#000a0e rgb(0,10,14)
```
#011821
```
#011821 rgb(1,24,33)
```
#022634
```
#022634 rgb(2,38,52)
```
#023447
```
#023447 rgb(2,52,71)
```
#03425a
```
#03425a rgb(3,66,90)
```
#03506d
```
#03506d rgb(3,80,109)
```
#045e80
```
#045e80 rgb(4,94,128)
```
#056c93
```
#056c93 rgb(5,108,147)
```
#057aa6
```
#057aa6 rgb(5,122,166)
```
#0688b9
```
#0688b9 rgb(6,136,185)
```
#0696cc
```
#0696cc rgb(6,150,204)
```
#07a4df
```
#07a4df rgb(7,164,223)
```
#08b2f2
```
#08b2f2 rgb(8,178,242)
```

Shade Color Variation

#16baf8
```
#16baf8 rgb(22,186,248)
```
#29bff8
```
#29bff8 rgb(41,191,248)
```
#3cc5f9
```
#3cc5f9 rgb(60,197,249)
```
#4fcbf9
```
#4fcbf9 rgb(79,203,249)
```
#62d0fa
```
#62d0fa rgb(98,208,250)
```
#75d6fb
```
#75d6fb rgb(117,214,251)
```
#88dcfb
```
#88dcfb rgb(136,220,251)
```
#9be1fc
```
#9be1fc rgb(155,225,252)
```
#aee7fc
```
#aee7fc rgb(174,231,252)
```
#c1edfd
```
#c1edfd rgb(193,237,253)
```
#d4f2fe
```
#d4f2fe rgb(212,242,254)
```
#e7f8fe
```
#e7f8fe rgb(231,248,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#414243
```
#414243 rgb(65,66,67)
```
#3c4548
```
#3c4548 rgb(60,69,72)
```
#37474d
```
#37474d rgb(55,71,77)
```
#324952
```
#324952 rgb(50,73,82)
```
#2d4c57
```
#2d4c57 rgb(45,76,87)
```
#284e5c
```
#284e5c rgb(40,78,92)
```
#225062
```
#225062 rgb(34,80,98)
```
#1d5367
```
#1d5367 rgb(29,83,103)
```
#18556c
```
#18556c rgb(24,85,108)
```
#135771
```
#135771 rgb(19,87,113)
```
#0e5976
```
#0e5976 rgb(14,89,118)
```
#095c7b
```
#095c7b rgb(9,92,123)
```
#045e80
```
#045e80 rgb(4,94,128)
```

Tone Color Variation

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

Dichromacy

#545e81 Protanopia 1% of men
#4c5f89 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#375e80 Protanomaly 1% of men, 0.01% of women
#315e86 Deuteranomaly 6% of men, 0.4% of women
#016576 Tritanomaly 0.01% of the population

#045e80 hex color

#045e80 Color Information

#045e80 Color Conversion

Color Schemes with #045e80

Alternatives to #045e80

#045e80 Preview

Shades and Tints of #045e80

Tones of #045e80

Color Blindness Simulator