#454674 hex color

In a RGB color space, hex #454674 is composed of 27.1% red, 27.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 39.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 238.7 degrees, a saturation of 25.4% and a lightness of 36.3%. #454674 color hex could be obtained by blending #8a8ce8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 27
- B 45
RGB color chart
- C 41
- M 40
- Y 0
- K 55
CMYK color chart

● #454674 color description : Mostly desaturated dark blue.

The hexadecimal color #454674 has RGB values of R:69, G:70, B:116 and CMYK values of C:0.41, M:0.4, Y:0, K:0.55. Its decimal value is 4540020.

Hex triplet	454674	`#454674`
RGB Decimal	69, 70, 116	`rgb(69,70,116)`
RGB Percent	27.1, 27.5, 45.5	`rgb(27.1%,27.5%,45.5%)`
CMYK	41, 40, 0, 55
HSL	238.7°, 25.4, 36.3	`hsl(238.7,25.4%,36.3%)`
HSV (or HSB)	238.7°, 40.5, 45.5
Web Safe	333366	`#333366`

CIE-LAB	31.593, 12.105, -26.568
XYZ	7.796, 6.906, 17.444
xyY	0.243, 0.215, 6.906
CIE-LCH	31.593, 29.196, 294.495
CIE-LUV	31.593, -3.026, -36.426
Hunter-Lab	26.28, 6.964, -20.96
Binary	01000101, 01000110, 01110100

#454674
```
#454674 rgb(69,70,116)
```
#747345
```
#747345 rgb(116,115,69)
```

Complementary Color

#455e74
```
#455e74 rgb(69,94,116)
```
#454674
```
#454674 rgb(69,70,116)
```
#5c4574
```
#5c4574 rgb(92,69,116)
```

Analogous Color

#5e7445
```
#5e7445 rgb(94,116,69)
```
#454674
```
#454674 rgb(69,70,116)
```
#745c45
```
#745c45 rgb(116,92,69)
```

Split Complementary Color

#467445
```
#467445 rgb(70,116,69)
```
#454674
```
#454674 rgb(69,70,116)
```
#744546
```
#744546 rgb(116,69,70)
```

Triadic Color

#457473
```
#457473 rgb(69,116,115)
```
#454674
```
#454674 rgb(69,70,116)
```
#744546
```
#744546 rgb(116,69,70)
```
#747345
```
#747345 rgb(116,115,69)
```

Tetradic Color

#282944
```
#282944 rgb(40,41,68)
```
#323354
```
#323354 rgb(50,51,84)
```
#3b3c64
```
#3b3c64 rgb(59,60,100)
```
#454674
```
#454674 rgb(69,70,116)
```
#4f5084
```
#4f5084 rgb(79,80,132)
```
#585994
```
#585994 rgb(88,89,148)
```
#6365a2
```
#6365a2 rgb(99,101,162)
```

Monochromatic Color

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

#455274
```
#455274 rgb(69,82,116)
```
#454e74
```
#454e74 rgb(69,78,116)
```
#454a74
```
#454a74 rgb(69,74,116)
```
#454674
```
#454674 rgb(69,70,116)
```
#484574
```
#484574 rgb(72,69,116)
```
#4c4574
```
#4c4574 rgb(76,69,116)
```
#504574
```
#504574 rgb(80,69,116)
```

Similar Colors

Text with hexadecimal color #454674

This text has a font color of #454674.

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

#454674 background color

This paragraph has a background color of #454674.

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

#454674 border color

This element has a border color of #454674.

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

CSS codes

.text {color:#454674;}

.background {background-color:#454674;}

.border {border:1px solid #454674;}

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0b12
```
#0a0b12 rgb(10,11,18)
```
#12121e
```
#12121e rgb(18,18,30)
```
#19192a
```
#19192a rgb(25,25,42)
```
#202137
```
#202137 rgb(32,33,55)
```
#282843
```
#282843 rgb(40,40,67)
```
#2f304f
```
#2f304f rgb(47,48,79)
```
#36375b
```
#36375b rgb(54,55,91)
```
#3e3f68
```
#3e3f68 rgb(62,63,104)
```
#454674
```
#454674 rgb(69,70,116)
```
#4c4d80
```
#4c4d80 rgb(76,77,128)
```
#54558d
```
#54558d rgb(84,85,141)
```
#5b5c99
```
#5b5c99 rgb(91,92,153)
```

Shade Color Variation

#6466a3
```
#6466a3 rgb(100,102,163)
```
#7172aa
```
#7172aa rgb(113,114,170)
```
#7d7eb2
```
#7d7eb2 rgb(125,126,178)
```
#898ab9
```
#898ab9 rgb(137,138,185)
```
#9697c0
```
#9697c0 rgb(150,151,192)
```
#a2a3c8
```
#a2a3c8 rgb(162,163,200)
```
#aeafcf
```
#aeafcf rgb(174,175,207)
```
#bbbbd6
```
#bbbbd6 rgb(187,187,214)
```
#c7c7de
```
#c7c7de rgb(199,199,222)
```
#d3d3e5
```
#d3d3e5 rgb(211,211,229)
```
#dfe0ec
```
#dfe0ec rgb(223,224,236)
```
#ececf4
```
#ececf4 rgb(236,236,244)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#5a5a5f
```
#5a5a5f rgb(90,90,95)
```
#535466
```
#535466 rgb(83,84,102)
```
#4c4d6d
```
#4c4d6d rgb(76,77,109)
```
#454674
```
#454674 rgb(69,70,116)
```
#3e3f7b
```
#3e3f7b rgb(62,63,123)
```
#373882
```
#373882 rgb(55,56,130)
```
#303289
```
#303289 rgb(48,50,137)
```
#292b90
```
#292b90 rgb(41,43,144)
```
#212498
```
#212498 rgb(33,36,152)
```
#1a1d9f
```
#1a1d9f rgb(26,29,159)
```
#1316a6
```
#1316a6 rgb(19,22,166)
```
#0c0fad
```
#0c0fad rgb(12,15,173)
```
#0509b4
```
#0509b4 rgb(5,9,180)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4a4a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#42527d Protanopia 1% of men
#405379 Deuteranopia 1% of men
#45565c Tritanopia 0.001% of the population

Trichromacy

#434d79 Protanomaly 1% of men, 0.01% of women
#414e77 Deuteranomaly 6% of men, 0.4% of women
#455065 Tritanomaly 0.01% of the population

#454674 hex color

#454674 Color Information

#454674 Color Conversion

Color Schemes with #454674

Alternatives to #454674

#454674 Preview

Shades and Tints of #454674

Tones of #454674

Color Blindness Simulator