colorhexa.com

#454c78 hex color

In a RGB color space, hex #454c78 is composed of 27.1% red, 29.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 36.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 231.8 degrees, a saturation of 27% and a lightness of 37.1%. #454c78 color hex could be obtained by blending #8a98f0 with #000000. Closest websafe color is: #333366.

- R 27
- G 30
- B 47
RGB color chart
- C 43
- M 37
- Y 0
- K 53
CMYK color chart

● #454c78 color description : Mostly desaturated dark blue.

The hexadecimal color #454c78 has RGB values of R:69, G:76, B:120 and CMYK values of C:0.43, M:0.37, Y:0, K:0.53. Its decimal value is 4541560.

Hex triplet	454c78	`#454c78`
RGB Decimal	69, 76, 120	`rgb(69,76,120)`
RGB Percent	27.1, 29.8, 47.1	`rgb(27.1%,29.8%,47.1%)`
CMYK	43, 37, 0, 53
HSL	231.8°, 27, 37.1	`hsl(231.8,27%,37.1%)`
HSV (or HSB)	231.8°, 42.5, 47.1
Web Safe	333366	`#333366`

CIE-LAB	33.541, 9.423, -26.007
XYZ	8.428, 7.79, 18.828
xyY	0.24, 0.222, 7.79
CIE-LCH	33.541, 27.662, 289.917
CIE-LUV	33.541, -5.39, -36.022
Hunter-Lab	27.91, 5.059, -20.459
Binary	01000101, 01001100, 01111000

#454c78
```
#454c78 rgb(69,76,120)
```
#787145
```
#787145 rgb(120,113,69)
```

Complementary Color

#456678
```
#456678 rgb(69,102,120)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#584578
```
#584578 rgb(88,69,120)
```

Analogous Color

#667845
```
#667845 rgb(102,120,69)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#785845
```
#785845 rgb(120,88,69)
```

Split Complementary Color

#4c7845
```
#4c7845 rgb(76,120,69)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#78454c
```
#78454c rgb(120,69,76)
```

Triadic Color

#457871
```
#457871 rgb(69,120,113)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#78454c
```
#78454c rgb(120,69,76)
```
#787145
```
#787145 rgb(120,113,69)
```

Tetradic Color

#292d47
```
#292d47 rgb(41,45,71)
```
#323758
```
#323758 rgb(50,55,88)
```
#3c4268
```
#3c4268 rgb(60,66,104)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#4e5688
```
#4e5688 rgb(78,86,136)
```
#586198
```
#586198 rgb(88,97,152)
```
#646da6
```
#646da6 rgb(100,109,166)
```

Monochromatic Color

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

#455978
```
#455978 rgb(69,89,120)
```
#455578
```
#455578 rgb(69,85,120)
```
#455078
```
#455078 rgb(69,80,120)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#454878
```
#454878 rgb(69,72,120)
```
#474578
```
#474578 rgb(71,69,120)
```
#4b4578
```
#4b4578 rgb(75,69,120)
```

Similar Colors

Text with hexadecimal color #454c78

This text has a font color of #454c78.

<span style="color:#454c78;">Text here</span>

#454c78 background color

This paragraph has a background color of #454c78.

<p style="background-color:#454c78;">Content here</p>

#454c78 border color

This element has a border color of #454c78.

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

CSS codes

.text {color:#454c78;}

.background {background-color:#454c78;}

.border {border:1px solid #454c78;}

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

#050508
```
#050508 rgb(5,5,8)
```
#0c0d14
```
#0c0d14 rgb(12,13,20)
```
#131521
```
#131521 rgb(19,21,33)
```
#1a1d2d
```
#1a1d2d rgb(26,29,45)
```
#21253a
```
#21253a rgb(33,37,58)
```
#282c46
```
#282c46 rgb(40,44,70)
```
#303453
```
#303453 rgb(48,52,83)
```
#373c5f
```
#373c5f rgb(55,60,95)
```
#3e446c
```
#3e446c rgb(62,68,108)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#4c5484
```
#4c5484 rgb(76,84,132)
```
#535c91
```
#535c91 rgb(83,92,145)
```
#5a649d
```
#5a649d rgb(90,100,157)
```

Shade Color Variation

#656ea6
```
#656ea6 rgb(101,110,166)
```
#717aae
```
#717aae rgb(113,122,174)
```
#7e85b5
```
#7e85b5 rgb(126,133,181)
```
#8a91bc
```
#8a91bc rgb(138,145,188)
```
#979dc3
```
#979dc3 rgb(151,157,195)
```
#a3a9ca
```
#a3a9ca rgb(163,169,202)
```
#b0b4d1
```
#b0b4d1 rgb(176,180,209)
```
#bcc0d9
```
#bcc0d9 rgb(188,192,217)
```
#c9cce0
```
#c9cce0 rgb(201,204,224)
```
#d5d8e7
```
#d5d8e7 rgb(213,216,231)
```
#e2e3ee
```
#e2e3ee rgb(226,227,238)
```
#eeeff5
```
#eeeff5 rgb(238,239,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#5b5c62
```
#5b5c62 rgb(91,92,98)
```
#545769
```
#545769 rgb(84,87,105)
```
#4c5171
```
#4c5171 rgb(76,81,113)
```
#454c78
```
#454c78 rgb(69,76,120)
```
#3e477f
```
#3e477f rgb(62,71,127)
```
#364187
```
#364187 rgb(54,65,135)
```
#2f3c8e
```
#2f3c8e rgb(47,60,142)
```
#283795
```
#283795 rgb(40,55,149)
```
#21329c
```
#21329c rgb(33,50,156)
```
#192ca4
```
#192ca4 rgb(25,44,164)
```
#1227ab
```
#1227ab rgb(18,39,171)
```
#0b22b2
```
#0b22b2 rgb(11,34,178)
```
#041db9
```
#041db9 rgb(4,29,185)
```

Tone Color Variation

Below, you can see how #454c78 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

#4f4f4f Achromatopsia 0.005% of the population
#4d4e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485680 Protanopia 1% of men
#45577e Deuteranopia 1% of men
#455b62 Tritanopia 0.001% of the population

Trichromacy

#47527d Protanomaly 1% of men, 0.01% of women
#45537b Deuteranomaly 6% of men, 0.4% of women
#45556a Tritanomaly 0.01% of the population