#445e80 hex color

In a RGB color space, hex #445e80 is composed of 26.7% red, 36.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 26.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 214 degrees, a saturation of 30.6% and a lightness of 38.4%. #445e80 color hex could be obtained by blending #88bcff with #000001. Closest websafe color is: #336699.

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

● #445e80 color description : Dark moderate blue.

The hexadecimal color #445e80 has RGB values of R:68, G:94, B:128 and CMYK values of C:0.47, M:0.27, Y:0, K:0.5. Its decimal value is 4480640.

Hex triplet	445e80	`#445e80`
RGB Decimal	68, 94, 128	`rgb(68,94,128)`
RGB Percent	26.7, 36.9, 50.2	`rgb(26.7%,36.9%,50.2%)`
CMYK	47, 27, 0, 50
HSL	214°, 30.6, 38.4	`hsl(214,30.6%,38.4%)`
HSV (or HSB)	214°, 46.9, 50.2
Web Safe	336699	`#336699`

CIE-LAB	39.229, 0.187, -22.07
XYZ	10.282, 10.792, 21.962
xyY	0.239, 0.251, 10.792
CIE-LCH	39.229, 22.071, 270.485
CIE-LUV	39.229, -12.786, -30.758
Hunter-Lab	32.852, -1.623, -16.641
Binary	01000100, 01011110, 10000000

#445e80
```
#445e80 rgb(68,94,128)
```
#806644
```
#806644 rgb(128,102,68)
```

Complementary Color

#447c80
```
#447c80 rgb(68,124,128)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#484480
```
#484480 rgb(72,68,128)
```

Analogous Color

#7c8044
```
#7c8044 rgb(124,128,68)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#804844
```
#804844 rgb(128,72,68)
```

Split Complementary Color

#5e8044
```
#5e8044 rgb(94,128,68)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#80445e
```
#80445e rgb(128,68,94)
```

Triadic Color

#448066
```
#448066 rgb(68,128,102)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#80445e
```
#80445e rgb(128,68,94)
```
#806644
```
#806644 rgb(128,102,68)
```

Tetradic Color

#29394e
```
#29394e rgb(41,57,78)
```
#32465f
```
#32465f rgb(50,70,95)
```
#3b526f
```
#3b526f rgb(59,82,111)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#4d6a91
```
#4d6a91 rgb(77,106,145)
```
#5676a1
```
#5676a1 rgb(86,118,161)
```
#6483ad
```
#6483ad rgb(100,131,173)
```

Monochromatic Color

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

#446d80
```
#446d80 rgb(68,109,128)
```
#446880
```
#446880 rgb(68,104,128)
```
#446380
```
#446380 rgb(68,99,128)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#445980
```
#445980 rgb(68,89,128)
```
#445480
```
#445480 rgb(68,84,128)
```
#444f80
```
#444f80 rgb(68,79,128)
```

Similar Colors

Text with hexadecimal color #445e80

This text has a font color of #445e80.

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

#445e80 background color

This paragraph has a background color of #445e80.

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

#445e80 border color

This element has a border color of #445e80.

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

CSS codes

.text {color:#445e80;}

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

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

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, #07090d is the darkest color, while #ffffff is the lightest one.

#07090d
```
#07090d rgb(7,9,13)
```
#0e131a
```
#0e131a rgb(14,19,26)
```
#141c26
```
#141c26 rgb(20,28,38)
```
#1b2633
```
#1b2633 rgb(27,38,51)
```
#222f40
```
#222f40 rgb(34,47,64)
```
#29384d
```
#29384d rgb(41,56,77)
```
#30425a
```
#30425a rgb(48,66,90)
```
#364b66
```
#364b66 rgb(54,75,102)
```
#3d5573
```
#3d5573 rgb(61,85,115)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#4b678d
```
#4b678d rgb(75,103,141)
```
#52719a
```
#52719a rgb(82,113,154)
```
#587aa6
```
#587aa6 rgb(88,122,166)
```

Shade Color Variation

#6584ad
```
#6584ad rgb(101,132,173)
```
#728fb4
```
#728fb4 rgb(114,143,180)
```
#7f99bb
```
#7f99bb rgb(127,153,187)
```
#8ca3c2
```
#8ca3c2 rgb(140,163,194)
```
#98adc9
```
#98adc9 rgb(152,173,201)
```
#a5b7cf
```
#a5b7cf rgb(165,183,207)
```
#b2c2d6
```
#b2c2d6 rgb(178,194,214)
```
#bfccdd
```
#bfccdd rgb(191,204,221)
```
#ccd6e4
```
#ccd6e4 rgb(204,214,228)
```
#d8e0eb
```
#d8e0eb rgb(216,224,235)
```
#e5ebf1
```
#e5ebf1 rgb(229,235,241)
```
#f2f5f8
```
#f2f5f8 rgb(242,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6169 is the less saturated color, while #0055c4 is the most saturated one.

#5b6169
```
#5b6169 rgb(91,97,105)
```
#536071
```
#536071 rgb(83,96,113)
```
#4c5f78
```
#4c5f78 rgb(76,95,120)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#3c5d88
```
#3c5d88 rgb(60,93,136)
```
#355c8f
```
#355c8f rgb(53,92,143)
```
#2d5b97
```
#2d5b97 rgb(45,91,151)
```
#265a9e
```
#265a9e rgb(38,90,158)
```
#1e59a6
```
#1e59a6 rgb(30,89,166)
```
#1758ad
```
#1758ad rgb(23,88,173)
```
#0f57b5
```
#0f57b5 rgb(15,87,181)
```
#0856bc
```
#0856bc rgb(8,86,188)
```
#0055c4
```
#0055c4 rgb(0,85,196)
```

Tone Color Variation

Below, you can see how #445e80 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

#5a5a5a Achromatopsia 0.005% of the population
#565b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6384 Protanopia 1% of men
#586387 Deuteranopia 1% of men
#466a72 Tritanopia 0.001% of the population

Trichromacy

#526183 Protanomaly 1% of men, 0.01% of women
#516184 Deuteranomaly 6% of men, 0.4% of women
#456577 Tritanomaly 0.01% of the population

#445e80 hex color

#445e80 Color Information

#445e80 Color Conversion

Color Schemes with #445e80

Alternatives to #445e80

#445e80 Preview

Shades and Tints of #445e80

Tones of #445e80

Color Blindness Simulator