#454669 hex color

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

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

● #454669 color description : Very dark grayish blue.

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

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

CIE-LAB	31.033, 8.773, -20.503
XYZ	7.194, 6.665, 14.271
xyY	0.256, 0.237, 6.665
CIE-LCH	31.033, 22.301, 293.165
CIE-LUV	31.033, -2.417, -27.588
Hunter-Lab	25.817, 4.557, -14.702
Binary	01000101, 01000110, 01101001

#454669
```
#454669 rgb(69,70,105)
```
#696845
```
#696845 rgb(105,104,69)
```

Complementary Color

#455869
```
#455869 rgb(69,88,105)
```
#454669
```
#454669 rgb(69,70,105)
```
#564569
```
#564569 rgb(86,69,105)
```

Analogous Color

#586945
```
#586945 rgb(88,105,69)
```
#454669
```
#454669 rgb(69,70,105)
```
#695645
```
#695645 rgb(105,86,69)
```

Split Complementary Color

#466945
```
#466945 rgb(70,105,69)
```
#454669
```
#454669 rgb(69,70,105)
```
#694546
```
#694546 rgb(105,69,70)
```

Triadic Color

#456968
```
#456968 rgb(69,105,104)
```
#454669
```
#454669 rgb(69,70,105)
```
#694546
```
#694546 rgb(105,69,70)
```
#696845
```
#696845 rgb(105,104,69)
```

Tetradic Color

#27273b
```
#27273b rgb(39,39,59)
```
#31314a
```
#31314a rgb(49,49,74)
```
#3b3c5a
```
#3b3c5a rgb(59,60,90)
```
#454669
```
#454669 rgb(69,70,105)
```
#4f5078
```
#4f5078 rgb(79,80,120)
```
#595b88
```
#595b88 rgb(89,91,136)
```
#636597
```
#636597 rgb(99,101,151)
```

Monochromatic Color

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

#454f69
```
#454f69 rgb(69,79,105)
```
#454c69
```
#454c69 rgb(69,76,105)
```
#454969
```
#454969 rgb(69,73,105)
```
#454669
```
#454669 rgb(69,70,105)
```
#474569
```
#474569 rgb(71,69,105)
```
#4a4569
```
#4a4569 rgb(74,69,105)
```
#4d4569
```
#4d4569 rgb(77,69,105)
```

Similar Colors

Text with hexadecimal color #454669

This text has a font color of #454669.

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

#454669 background color

This paragraph has a background color of #454669.

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

#454669 border color

This element has a border color of #454669.

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

CSS codes

.text {color:#454669;}

.background {background-color:#454669;}

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

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)
```
#161722
```
#161722 rgb(22,23,34)
```
#1e1f2e
```
#1e1f2e rgb(30,31,46)
```
#26263a
```
#26263a rgb(38,38,58)
```
#2e2e45
```
#2e2e45 rgb(46,46,69)
```
#353651
```
#353651 rgb(53,54,81)
```
#3d3e5d
```
#3d3e5d rgb(61,62,93)
```
#454669
```
#454669 rgb(69,70,105)
```
#4d4e75
```
#4d4e75 rgb(77,78,117)
```
#555681
```
#555681 rgb(85,86,129)
```
#5c5e8d
```
#5c5e8d rgb(92,94,141)
```
#646698
```
#646698 rgb(100,102,152)
```

Shade Color Variation

#6f71a1
```
#6f71a1 rgb(111,113,161)
```
#7b7da8
```
#7b7da8 rgb(123,125,168)
```
#8788b0
```
#8788b0 rgb(135,136,176)
```
#9394b8
```
#9394b8 rgb(147,148,184)
```
#9fa0c0
```
#9fa0c0 rgb(159,160,192)
```
#ababc8
```
#ababc8 rgb(171,171,200)
```
#b6b7cf
```
#b6b7cf rgb(182,183,207)
```
#c2c3d7
```
#c2c3d7 rgb(194,195,215)
```
#cecfdf
```
#cecfdf rgb(206,207,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, #52535c is the less saturated color, while #0207ac is the most saturated one.

#52535c
```
#52535c rgb(82,83,92)
```
#4c4c62
```
#4c4c62 rgb(76,76,98)
```
#454669
```
#454669 rgb(69,70,105)
```
#3e4070
```
#3e4070 rgb(62,64,112)
```
#383976
```
#383976 rgb(56,57,118)
```
#31337d
```
#31337d rgb(49,51,125)
```
#2a2d84
```
#2a2d84 rgb(42,45,132)
```
#24268a
```
#24268a rgb(36,38,138)
```
#1d2091
```
#1d2091 rgb(29,32,145)
```
#161a98
```
#161a98 rgb(22,26,152)
```
#0f139f
```
#0f139f rgb(15,19,159)
```
#090da5
```
#090da5 rgb(9,13,165)
```
#0207ac
```
#0207ac rgb(2,7,172)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#494950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475172 Protanopia 1% of men
#475170 Deuteranopia 1% of men
#48545a Tritanopia 0.001% of the population

Trichromacy

#464d6e Protanomaly 1% of men, 0.01% of women
#464d6d Deuteranomaly 6% of men, 0.4% of women
#474f5f Tritanomaly 0.01% of the population

#454669 hex color

#454669 Color Information

#454669 Color Conversion

Color Schemes with #454669

Alternatives to #454669

#454669 Preview

Shades and Tints of #454669

Tones of #454669

Color Blindness Simulator