#445a78 hex color

In a RGB color space, hex #445a78 is composed of 26.7% red, 35.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 25% magenta, 0% yellow and 52.9% black. It has a hue angle of 214.6 degrees, a saturation of 27.7% and a lightness of 36.9%. #445a78 color hex could be obtained by blending #88b4f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 27
- G 35
- B 47
RGB color chart
- C 43
- M 25
- Y 0
- K 53
CMYK color chart

● #445a78 color description : Mostly desaturated dark blue.

The hexadecimal color #445a78 has RGB values of R:68, G:90, B:120 and CMYK values of C:0.43, M:0.25, Y:0, K:0.53. Its decimal value is 4479608.

Hex triplet	445a78	`#445a78`
RGB Decimal	68, 90, 120	`rgb(68,90,120)`
RGB Percent	26.7, 35.3, 47.1	`rgb(26.7%,35.3%,47.1%)`
CMYK	43, 25, 0, 53
HSL	214.6°, 27.7, 36.9	`hsl(214.6,27.7%,36.9%)`
HSV (or HSB)	214.6°, 43.3, 47.1
Web Safe	336666	`#336666`

CIE-LAB	37.657, 0.186, -19.605
XYZ	9.429, 9.897, 19.182
xyY	0.245, 0.257, 9.897
CIE-LCH	37.657, 19.606, 270.543
CIE-LUV	37.657, -11.141, -26.861
Hunter-Lab	31.459, -1.551, -14.129
Binary	01000100, 01011010, 01111000

#445a78
```
#445a78 rgb(68,90,120)
```
#786244
```
#786244 rgb(120,98,68)
```

Complementary Color

#447478
```
#447478 rgb(68,116,120)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#484478
```
#484478 rgb(72,68,120)
```

Analogous Color

#747844
```
#747844 rgb(116,120,68)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#784844
```
#784844 rgb(120,72,68)
```

Split Complementary Color

#5a7844
```
#5a7844 rgb(90,120,68)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#78445a
```
#78445a rgb(120,68,90)
```

Triadic Color

#447862
```
#447862 rgb(68,120,98)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#78445a
```
#78445a rgb(120,68,90)
```
#786244
```
#786244 rgb(120,98,68)
```

Tetradic Color

#283547
```
#283547 rgb(40,53,71)
```
#324257
```
#324257 rgb(50,66,87)
```
#3b4e68
```
#3b4e68 rgb(59,78,104)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#4d6688
```
#4d6688 rgb(77,102,136)
```
#567299
```
#567299 rgb(86,114,153)
```
#627fa6
```
#627fa6 rgb(98,127,166)
```

Monochromatic Color

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

#446778
```
#446778 rgb(68,103,120)
```
#446378
```
#446378 rgb(68,99,120)
```
#445e78
```
#445e78 rgb(68,94,120)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#445678
```
#445678 rgb(68,86,120)
```
#445178
```
#445178 rgb(68,81,120)
```
#444d78
```
#444d78 rgb(68,77,120)
```

Similar Colors

Text with hexadecimal color #445a78

This text has a font color of #445a78.

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

#445a78 background color

This paragraph has a background color of #445a78.

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

#445a78 border color

This element has a border color of #445a78.

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

CSS codes

.text {color:#445a78;}

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

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

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, #040507 is the darkest color, while #fafbfc is the lightest one.

#040507
```
#040507 rgb(4,5,7)
```
#0b0f14
```
#0b0f14 rgb(11,15,20)
```
#121820
```
#121820 rgb(18,24,32)
```
#19222d
```
#19222d rgb(25,34,45)
```
#212b39
```
#212b39 rgb(33,43,57)
```
#283446
```
#283446 rgb(40,52,70)
```
#2f3e52
```
#2f3e52 rgb(47,62,82)
```
#36475f
```
#36475f rgb(54,71,95)
```
#3d516b
```
#3d516b rgb(61,81,107)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#4b6385
```
#4b6385 rgb(75,99,133)
```
#526d91
```
#526d91 rgb(82,109,145)
```
#59769e
```
#59769e rgb(89,118,158)
```

Shade Color Variation

#6480a7
```
#6480a7 rgb(100,128,167)
```
#708aae
```
#708aae rgb(112,138,174)
```
#7d94b5
```
#7d94b5 rgb(125,148,181)
```
#899fbc
```
#899fbc rgb(137,159,188)
```
#96a9c3
```
#96a9c3 rgb(150,169,195)
```
#a2b3ca
```
#a2b3ca rgb(162,179,202)
```
#afbdd1
```
#afbdd1 rgb(175,189,209)
```
#bbc8d9
```
#bbc8d9 rgb(187,200,217)
```
#c8d2e0
```
#c8d2e0 rgb(200,210,224)
```
#d4dce7
```
#d4dce7 rgb(212,220,231)
```
#e1e6ee
```
#e1e6ee rgb(225,230,238)
```
#edf1f5
```
#edf1f5 rgb(237,241,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#5a5d62
```
#5a5d62 rgb(90,93,98)
```
#525c6a
```
#525c6a rgb(82,92,106)
```
#4b5b71
```
#4b5b71 rgb(75,91,113)
```
#445a78
```
#445a78 rgb(68,90,120)
```
#3d597f
```
#3d597f rgb(61,89,127)
```
#365886
```
#365886 rgb(54,88,134)
```
#2e578e
```
#2e578e rgb(46,87,142)
```
#275695
```
#275695 rgb(39,86,149)
```
#20549c
```
#20549c rgb(32,84,156)
```
#1953a3
```
#1953a3 rgb(25,83,163)
```
#1152ab
```
#1152ab rgb(17,82,171)
```
#0a51b2
```
#0a51b2 rgb(10,81,178)
```
#0350b9
```
#0350b9 rgb(3,80,185)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#53585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#58607d Protanopia 1% of men
#57607f Deuteranopia 1% of men
#47666d Tritanopia 0.001% of the population

Trichromacy

#515d7b Protanomaly 1% of men, 0.01% of women
#505d7d Deuteranomaly 6% of men, 0.4% of women
#466171 Tritanomaly 0.01% of the population

#445a78 hex color

#445a78 Color Information

#445a78 Color Conversion

Color Schemes with #445a78

Alternatives to #445a78

#445a78 Preview

Shades and Tints of #445a78

Tones of #445a78

Color Blindness Simulator