#454560 hex color

In a RGB color space, hex #454560 is composed of 27.1% red, 27.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 28.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 240 degrees, a saturation of 16.4% and a lightness of 32.4%. #454560 color hex could be obtained by blending #8a8ac0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 27
- B 38
RGB color chart
- C 28
- M 28
- Y 0
- K 62
CMYK color chart

● #454560 color description : Very dark grayish blue.

The hexadecimal color #454560 has RGB values of R:69, G:69, B:96 and CMYK values of C:0.28, M:0.28, Y:0, K:0.62. Its decimal value is 4539744.

Hex triplet	454560	`#454560`
RGB Decimal	69, 69, 96	`rgb(69,69,96)`
RGB Percent	27.1, 27.1, 37.6	`rgb(27.1%,27.1%,37.6%)`
CMYK	28, 28, 0, 62
HSL	240°, 16.4, 32.4	`hsl(240,16.4%,32.4%)`
HSV (or HSB)	240°, 28.1, 37.6
Web Safe	333366	`#333366`

CIE-LAB	30.317, 6.832, -15.876
XYZ	6.693, 6.366, 11.942
xyY	0.268, 0.255, 6.366
CIE-LCH	30.317, 17.284, 293.284
CIE-LUV	30.317, -1.514, -20.964
Hunter-Lab	25.231, 3.199, -10.401
Binary	01000101, 01000101, 01100000

#454560
```
#454560 rgb(69,69,96)
```
#606045
```
#606045 rgb(96,96,69)
```

Complementary Color

#455360
```
#455360 rgb(69,83,96)
```
#454560
```
#454560 rgb(69,69,96)
```
#534560
```
#534560 rgb(83,69,96)
```

Analogous Color

#536045
```
#536045 rgb(83,96,69)
```
#454560
```
#454560 rgb(69,69,96)
```
#605345
```
#605345 rgb(96,83,69)
```

Split Complementary Color

#456045
```
#456045 rgb(69,96,69)
```
#454560
```
#454560 rgb(69,69,96)
```
#604545
```
#604545 rgb(96,69,69)
```

Triadic Color

#456060
```
#456060 rgb(69,96,96)
```
#454560
```
#454560 rgb(69,69,96)
```
#604545
```
#604545 rgb(96,69,69)
```
#606045
```
#606045 rgb(96,96,69)
```

Tetradic Color

#252533
```
#252533 rgb(37,37,51)
```
#303042
```
#303042 rgb(48,48,66)
```
#3a3a51
```
#3a3a51 rgb(58,58,81)
```
#454560
```
#454560 rgb(69,69,96)
```
#50506f
```
#50506f rgb(80,80,111)
```
#5a5a7e
```
#5a5a7e rgb(90,90,126)
```
#65658d
```
#65658d rgb(101,101,141)
```

Monochromatic Color

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

#454c60
```
#454c60 rgb(69,76,96)
```
#454a60
```
#454a60 rgb(69,74,96)
```
#454760
```
#454760 rgb(69,71,96)
```
#454560
```
#454560 rgb(69,69,96)
```
#474560
```
#474560 rgb(71,69,96)
```
#4a4560
```
#4a4560 rgb(74,69,96)
```
#4c4560
```
#4c4560 rgb(76,69,96)
```

Similar Colors

Text with hexadecimal color #454560

This text has a font color of #454560.

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

#454560 background color

This paragraph has a background color of #454560.

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

#454560 border color

This element has a border color of #454560.

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

CSS codes

.text {color:#454560;}

.background {background-color:#454560;}

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

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 #f8f8fa is the lightest one.

#030305
```
#030305 rgb(3,3,5)
```
#0c0c10
```
#0c0c10 rgb(12,12,16)
```
#14141c
```
#14141c rgb(20,20,28)
```
#1c1c27
```
#1c1c27 rgb(28,28,39)
```
#242432
```
#242432 rgb(36,36,50)
```
#2c2c3e
```
#2c2c3e rgb(44,44,62)
```
#353549
```
#353549 rgb(53,53,73)
```
#3d3d55
```
#3d3d55 rgb(61,61,85)
```
#454560
```
#454560 rgb(69,69,96)
```
#4d4d6b
```
#4d4d6b rgb(77,77,107)
```
#555577
```
#555577 rgb(85,85,119)
```
#5e5e82
```
#5e5e82 rgb(94,94,130)
```
#66668e
```
#66668e rgb(102,102,142)
```

Shade Color Variation

#6f6f98
```
#6f6f98 rgb(111,111,152)
```
#7b7ba0
```
#7b7ba0 rgb(123,123,160)
```
#8686a8
```
#8686a8 rgb(134,134,168)
```
#9292b0
```
#9292b0 rgb(146,146,176)
```
#9d9db9
```
#9d9db9 rgb(157,157,185)
```
#a8a8c1
```
#a8a8c1 rgb(168,168,193)
```
#b4b4c9
```
#b4b4c9 rgb(180,180,201)
```
#bfbfd1
```
#bfbfd1 rgb(191,191,209)
```
#cbcbd9
```
#cbcbd9 rgb(203,203,217)
```
#d6d6e2
```
#d6d6e2 rgb(214,214,226)
```
#e1e1ea
```
#e1e1ea rgb(225,225,234)
```
#ededf2
```
#ededf2 rgb(237,237,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525253 is the less saturated color, while #06069f is the most saturated one.

#525253
```
#525253 rgb(82,82,83)
```
#4b4b5a
```
#4b4b5a rgb(75,75,90)
```
#454560
```
#454560 rgb(69,69,96)
```
#3f3f66
```
#3f3f66 rgb(63,63,102)
```
#38386d
```
#38386d rgb(56,56,109)
```
#323273
```
#323273 rgb(50,50,115)
```
#2c2c79
```
#2c2c79 rgb(44,44,121)
```
#252580
```
#252580 rgb(37,37,128)
```
#1f1f86
```
#1f1f86 rgb(31,31,134)
```
#19198c
```
#19198c rgb(25,25,140)
```
#121293
```
#121293 rgb(18,18,147)
```
#0c0c99
```
#0c0c99 rgb(12,12,153)
```
#06069f
```
#06069f rgb(6,6,159)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#47474d Atypical Achromatopsia 0.001% of the population

Dichromacy

#495069 Protanopia 1% of men
#4b4f67 Deuteranopia 1% of men
#4a5157 Tritanopia 0.001% of the population

Trichromacy

#474c65 Protanomaly 1% of men, 0.01% of women
#484b65 Deuteranomaly 6% of men, 0.4% of women
#484d5a Tritanomaly 0.01% of the population

#454560 hex color

#454560 Color Information

#454560 Color Conversion

Color Schemes with #454560

Alternatives to #454560

#454560 Preview

Shades and Tints of #454560

Tones of #454560

Color Blindness Simulator