#455d78 hex color

In a RGB color space, hex #455d78 is composed of 27.1% red, 36.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 22.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 211.8 degrees, a saturation of 27% and a lightness of 37.1%. #455d78 color hex could be obtained by blending #8abaf0 with #000000. Closest websafe color is: #336666.

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

● #455d78 color description : Mostly desaturated dark blue.

The hexadecimal color #455d78 has RGB values of R:69, G:93, B:120 and CMYK values of C:0.43, M:0.23, Y:0, K:0.53. Its decimal value is 4545912.

Hex triplet	455d78	`#455d78`
RGB Decimal	69, 93, 120	`rgb(69,93,120)`
RGB Percent	27.1, 36.5, 47.1	`rgb(27.1%,36.5%,47.1%)`
CMYK	43, 23, 0, 53
HSL	211.8°, 27, 37.1	`hsl(211.8,27%,37.1%)`
HSV (or HSB)	211.8°, 42.5, 47.1
Web Safe	336666	`#336666`

CIE-LAB	38.638, -1.384, -18.088
XYZ	9.758, 10.45, 19.271
xyY	0.247, 0.265, 10.45
CIE-LCH	38.638, 18.141, 265.626
CIE-LUV	38.638, -11.972, -24.651
Hunter-Lab	32.326, -2.687, -12.718
Binary	01000101, 01011101, 01111000

#455d78
```
#455d78 rgb(69,93,120)
```
#786045
```
#786045 rgb(120,96,69)
```

Complementary Color

#457778
```
#457778 rgb(69,119,120)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#474578
```
#474578 rgb(71,69,120)
```

Analogous Color

#777845
```
#777845 rgb(119,120,69)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#784745
```
#784745 rgb(120,71,69)
```

Split Complementary Color

#5d7845
```
#5d7845 rgb(93,120,69)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#78455d
```
#78455d rgb(120,69,93)
```

Triadic Color

#457860
```
#457860 rgb(69,120,96)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#78455d
```
#78455d rgb(120,69,93)
```
#786045
```
#786045 rgb(120,96,69)
```

Tetradic Color

#293747
```
#293747 rgb(41,55,71)
```
#324458
```
#324458 rgb(50,68,88)
```
#3c5068
```
#3c5068 rgb(60,80,104)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#4e6a88
```
#4e6a88 rgb(78,106,136)
```
#587698
```
#587698 rgb(88,118,152)
```
#6483a6
```
#6483a6 rgb(100,131,166)
```

Monochromatic Color

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

#456a78
```
#456a78 rgb(69,106,120)
```
#456678
```
#456678 rgb(69,102,120)
```
#456178
```
#456178 rgb(69,97,120)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#455978
```
#455978 rgb(69,89,120)
```
#455578
```
#455578 rgb(69,85,120)
```
#455078
```
#455078 rgb(69,80,120)
```

Similar Colors

Text with hexadecimal color #455d78

This text has a font color of #455d78.

<span style="color:#455d78;">Text here</span>

#455d78 background color

This paragraph has a background color of #455d78.

<p style="background-color:#455d78;">Content here</p>

#455d78 border color

This element has a border color of #455d78.

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

CSS codes

.text {color:#455d78;}

.background {background-color:#455d78;}

.border {border:1px solid #455d78;}

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

#050608
```
#050608 rgb(5,6,8)
```
#0c1014
```
#0c1014 rgb(12,16,20)
```
#131921
```
#131921 rgb(19,25,33)
```
#1a232d
```
#1a232d rgb(26,35,45)
```
#212d3a
```
#212d3a rgb(33,45,58)
```
#283646
```
#283646 rgb(40,54,70)
```
#304053
```
#304053 rgb(48,64,83)
```
#374a5f
```
#374a5f rgb(55,74,95)
```
#3e536c
```
#3e536c rgb(62,83,108)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#4c6784
```
#4c6784 rgb(76,103,132)
```
#537091
```
#537091 rgb(83,112,145)
```
#5a7a9d
```
#5a7a9d rgb(90,122,157)
```

Shade Color Variation

#6584a6
```
#6584a6 rgb(101,132,166)
```
#718eae
```
#718eae rgb(113,142,174)
```
#7e98b5
```
#7e98b5 rgb(126,152,181)
```
#8aa2bc
```
#8aa2bc rgb(138,162,188)
```
#97acc3
```
#97acc3 rgb(151,172,195)
```
#a3b6ca
```
#a3b6ca rgb(163,182,202)
```
#b0c0d1
```
#b0c0d1 rgb(176,192,209)
```
#bccad9
```
#bccad9 rgb(188,202,217)
```
#c9d4e0
```
#c9d4e0 rgb(201,212,224)
```
#d5dde7
```
#d5dde7 rgb(213,221,231)
```
#e2e7ee
```
#e2e7ee rgb(226,231,238)
```
#eef1f5
```
#eef1f5 rgb(238,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, #5b5e62 is the less saturated color, while #0459b9 is the most saturated one.

#5b5e62
```
#5b5e62 rgb(91,94,98)
```
#545e69
```
#545e69 rgb(84,94,105)
```
#4c5d71
```
#4c5d71 rgb(76,93,113)
```
#455d78
```
#455d78 rgb(69,93,120)
```
#3e5d7f
```
#3e5d7f rgb(62,93,127)
```
#365c87
```
#365c87 rgb(54,92,135)
```
#2f5c8e
```
#2f5c8e rgb(47,92,142)
```
#285b95
```
#285b95 rgb(40,91,149)
```
#215b9c
```
#215b9c rgb(33,91,156)
```
#195aa4
```
#195aa4 rgb(25,90,164)
```
#125aab
```
#125aab rgb(18,90,171)
```
#0b5ab2
```
#0b5ab2 rgb(11,90,178)
```
#0459b9
```
#0459b9 rgb(4,89,185)
```

Tone Color Variation

Below, you can see how #455d78 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

#595959 Achromatopsia 0.005% of the population
#555a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c627d Protanopia 1% of men
#5b6280 Deuteranopia 1% of men
#49686f Tritanopia 0.001% of the population

Trichromacy

#53607b Protanomaly 1% of men, 0.01% of women
#53607d Deuteranomaly 6% of men, 0.4% of women
#476472 Tritanomaly 0.01% of the population

#455d78 hex color

#455d78 Color Information

#455d78 Color Conversion

Color Schemes with #455d78

Alternatives to #455d78

#455d78 Preview

Shades and Tints of #455d78

Tones of #455d78

Color Blindness Simulator