#454569 hex color

In a RGB color space, hex #454569 is composed of 27.1% red, 27.1% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 34.3% magenta, 0% yellow and 58.8% black. It has a hue angle of 240 degrees, a saturation of 20.7% and a lightness of 34.1%. #454569 color hex could be obtained by blending #8a8ad2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 27
- B 41
RGB color chart
- C 34
- M 34
- Y 0
- K 59
CMYK color chart

● #454569 color description : Very dark grayish blue.

The hexadecimal color #454569 has RGB values of R:69, G:69, B:105 and CMYK values of C:0.34, M:0.34, Y:0, K:0.59. Its decimal value is 4539753.

Hex triplet	454569	`#454569`
RGB Decimal	69, 69, 105	`rgb(69,69,105)`
RGB Percent	27.1, 27.1, 41.2	`rgb(27.1%,27.1%,41.2%)`
CMYK	34, 34, 0, 59
HSL	240°, 20.7, 34.1	`hsl(240,20.7%,34.1%)`
HSV (or HSB)	240°, 34.3, 41.2
Web Safe	333366	`#333366`

CIE-LAB	30.739, 9.429, -20.96
XYZ	7.132, 6.541, 14.251
xyY	0.255, 0.234, 6.541
CIE-LCH	30.739, 22.983, 294.22
CIE-LUV	30.739, -2.036, -28.198
Hunter-Lab	25.576, 5.016, -15.133
Binary	01000101, 01000101, 01101001

#454569
```
#454569 rgb(69,69,105)
```
#696945
```
#696945 rgb(105,105,69)
```

Complementary Color

#455769
```
#455769 rgb(69,87,105)
```
#454569
```
#454569 rgb(69,69,105)
```
#574569
```
#574569 rgb(87,69,105)
```

Analogous Color

#576945
```
#576945 rgb(87,105,69)
```
#454569
```
#454569 rgb(69,69,105)
```
#695745
```
#695745 rgb(105,87,69)
```

Split Complementary Color

#456945
```
#456945 rgb(69,105,69)
```
#454569
```
#454569 rgb(69,69,105)
```
#694545
```
#694545 rgb(105,69,69)
```

Triadic Color

#456969
```
#456969 rgb(69,105,105)
```
#454569
```
#454569 rgb(69,69,105)
```
#694545
```
#694545 rgb(105,69,69)
```
#696945
```
#696945 rgb(105,105,69)
```

Tetradic Color

#27273b
```
#27273b rgb(39,39,59)
```
#31314a
```
#31314a rgb(49,49,74)
```
#3b3b5a
```
#3b3b5a rgb(59,59,90)
```
#454569
```
#454569 rgb(69,69,105)
```
#4f4f78
```
#4f4f78 rgb(79,79,120)
```
#595988
```
#595988 rgb(89,89,136)
```
#636397
```
#636397 rgb(99,99,151)
```

Monochromatic Color

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

#454e69
```
#454e69 rgb(69,78,105)
```
#454b69
```
#454b69 rgb(69,75,105)
```
#454869
```
#454869 rgb(69,72,105)
```
#454569
```
#454569 rgb(69,69,105)
```
#484569
```
#484569 rgb(72,69,105)
```
#4b4569
```
#4b4569 rgb(75,69,105)
```
#4e4569
```
#4e4569 rgb(78,69,105)
```

Similar Colors

Text with hexadecimal color #454569

This text has a font color of #454569.

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

#454569 background color

This paragraph has a background color of #454569.

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

#454569 border color

This element has a border color of #454569.

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

CSS codes

.text {color:#454569;}

.background {background-color:#454569;}

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

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, #07070a is the darkest color, while #fdfdfe is the lightest one.

#07070a
```
#07070a rgb(7,7,10)
```
#0f0f16
```
#0f0f16 rgb(15,15,22)
```
#161622
```
#161622 rgb(22,22,34)
```
#1e1e2e
```
#1e1e2e rgb(30,30,46)
```
#26263a
```
#26263a rgb(38,38,58)
```
#2e2e45
```
#2e2e45 rgb(46,46,69)
```
#353551
```
#353551 rgb(53,53,81)
```
#3d3d5d
```
#3d3d5d rgb(61,61,93)
```
#454569
```
#454569 rgb(69,69,105)
```
#4d4d75
```
#4d4d75 rgb(77,77,117)
```
#555581
```
#555581 rgb(85,85,129)
```
#5c5c8d
```
#5c5c8d rgb(92,92,141)
```
#646498
```
#646498 rgb(100,100,152)
```

Shade Color Variation

#6f6fa1
```
#6f6fa1 rgb(111,111,161)
```
#7b7ba8
```
#7b7ba8 rgb(123,123,168)
```
#8787b0
```
#8787b0 rgb(135,135,176)
```
#9393b8
```
#9393b8 rgb(147,147,184)
```
#9f9fc0
```
#9f9fc0 rgb(159,159,192)
```
#ababc8
```
#ababc8 rgb(171,171,200)
```
#b6b6cf
```
#b6b6cf rgb(182,182,207)
```
#c2c2d7
```
#c2c2d7 rgb(194,194,215)
```
#cecedf
```
#cecedf rgb(206,206,223)
```
#dadae7
```
#dadae7 rgb(218,218,231)
```
#e6e6ee
```
#e6e6ee rgb(230,230,238)
```
#f2f2f6
```
#f2f2f6 rgb(242,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52525c is the less saturated color, while #0202ac is the most saturated one.

#52525c
```
#52525c rgb(82,82,92)
```
#4c4c62
```
#4c4c62 rgb(76,76,98)
```
#454569
```
#454569 rgb(69,69,105)
```
#3e3e70
```
#3e3e70 rgb(62,62,112)
```
#383876
```
#383876 rgb(56,56,118)
```
#31317d
```
#31317d rgb(49,49,125)
```
#2a2a84
```
#2a2a84 rgb(42,42,132)
```
#24248a
```
#24248a rgb(36,36,138)
```
#1d1d91
```
#1d1d91 rgb(29,29,145)
```
#161698
```
#161698 rgb(22,22,152)
```
#0f0f9f
```
#0f0f9f rgb(15,15,159)
```
#0909a5
```
#0909a5 rgb(9,9,165)
```
#0202ac
```
#0202ac rgb(2,2,172)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#48484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#465072 Protanopia 1% of men
#46516f Deuteranopia 1% of men
#485359 Tritanopia 0.001% of the population

Trichromacy

#454c6e Protanomaly 1% of men, 0.01% of women
#454c6d Deuteranomaly 6% of men, 0.4% of women
#474e5f Tritanomaly 0.01% of the population

#454569 hex color

#454569 Color Information

#454569 Color Conversion

Color Schemes with #454569

Alternatives to #454569

#454569 Preview

Shades and Tints of #454569

Tones of #454569

Color Blindness Simulator