#454254 hex color

In a RGB color space, hex #454254 is composed of 27.1% red, 25.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 21.4% magenta, 0% yellow and 67.1% black. It has a hue angle of 250 degrees, a saturation of 12% and a lightness of 29.4%. #454254 color hex could be obtained by blending #8a84a8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 26
- B 33
RGB color chart
- C 18
- M 21
- Y 0
- K 67
CMYK color chart

● #454254 color description : Very dark grayish blue.

The hexadecimal color #454254 has RGB values of R:69, G:66, B:84 and CMYK values of C:0.18, M:0.21, Y:0, K:0.67. Its decimal value is 4538964.

Hex triplet	454254	`#454254`
RGB Decimal	69, 66, 84	`rgb(69,66,84)`
RGB Percent	27.1, 25.9, 32.9	`rgb(27.1%,25.9%,32.9%)`
CMYK	18, 21, 0, 67
HSL	250°, 12, 29.4	`hsl(250,12%,29.4%)`
HSV (or HSB)	250°, 21.4, 32.9
Web Safe	333366	`#333366`

CIE-LAB	28.907, 5.55, -10.307
XYZ	6.002, 5.802, 9.191
xyY	0.286, 0.276, 5.802
CIE-LCH	28.907, 11.706, 298.3
CIE-LUV	28.907, 0.468, -13.293
Hunter-Lab	24.087, 2.33, -5.762
Binary	01000101, 01000010, 01010100

#454254
```
#454254 rgb(69,66,84)
```
#515442
```
#515442 rgb(81,84,66)
```

Complementary Color

#424854
```
#424854 rgb(66,72,84)
```
#454254
```
#454254 rgb(69,66,84)
```
#4e4254
```
#4e4254 rgb(78,66,84)
```

Analogous Color

#485442
```
#485442 rgb(72,84,66)
```
#454254
```
#454254 rgb(69,66,84)
```
#544e42
```
#544e42 rgb(84,78,66)
```

Split Complementary Color

#425445
```
#425445 rgb(66,84,69)
```
#454254
```
#454254 rgb(69,66,84)
```
#544542
```
#544542 rgb(84,69,66)
```

Triadic Color

#425154
```
#425154 rgb(66,81,84)
```
#454254
```
#454254 rgb(69,66,84)
```
#544542
```
#544542 rgb(84,69,66)
```
#515442
```
#515442 rgb(81,84,66)
```

Tetradic Color

#222029
```
#222029 rgb(34,32,41)
```
#2e2c37
```
#2e2c37 rgb(46,44,55)
```
#393746
```
#393746 rgb(57,55,70)
```
#454254
```
#454254 rgb(69,66,84)
```
#514d62
```
#514d62 rgb(81,77,98)
```
#5c5871
```
#5c5871 rgb(92,88,113)
```
#68647f
```
#68647f rgb(104,100,127)
```

Monochromatic Color

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

#424454
```
#424454 rgb(66,68,84)
```
#424254
```
#424254 rgb(66,66,84)
```
#444254
```
#444254 rgb(68,66,84)
```
#454254
```
#454254 rgb(69,66,84)
```
#474254
```
#474254 rgb(71,66,84)
```
#484254
```
#484254 rgb(72,66,84)
```
#4a4254
```
#4a4254 rgb(74,66,84)
```

Similar Colors

Text with hexadecimal color #454254

This text has a font color of #454254.

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

#454254 background color

This paragraph has a background color of #454254.

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

#454254 border color

This element has a border color of #454254.

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

CSS codes

.text {color:#454254;}

.background {background-color:#454254;}

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

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

#060607
```
#060607 rgb(6,6,7)
```
#0f0e12
```
#0f0e12 rgb(15,14,18)
```
#18171d
```
#18171d rgb(24,23,29)
```
#211f28
```
#211f28 rgb(33,31,40)
```
#2a2833
```
#2a2833 rgb(42,40,51)
```
#33313e
```
#33313e rgb(51,49,62)
```
#3c3949
```
#3c3949 rgb(60,57,73)
```
#454254
```
#454254 rgb(69,66,84)
```
#4e4b5f
```
#4e4b5f rgb(78,75,95)
```
#57536a
```
#57536a rgb(87,83,106)
```
#605c75
```
#605c75 rgb(96,92,117)
```
#696580
```
#696580 rgb(105,101,128)
```
#726d8b
```
#726d8b rgb(114,109,139)
```

Shade Color Variation

#7c7794
```
#7c7794 rgb(124,119,148)
```
#87829d
```
#87829d rgb(135,130,157)
```
#918da6
```
#918da6 rgb(145,141,166)
```
#9c98ae
```
#9c98ae rgb(156,152,174)
```
#a7a3b7
```
#a7a3b7 rgb(167,163,183)
```
#b1aec0
```
#b1aec0 rgb(177,174,192)
```
#bcb9c8
```
#bcb9c8 rgb(188,185,200)
```
#c6c4d1
```
#c6c4d1 rgb(198,196,209)
```
#d1cfd9
```
#d1cfd9 rgb(209,207,217)
```
#dbdae2
```
#dbdae2 rgb(219,218,226)
```
#e6e5eb
```
#e6e5eb rgb(230,229,235)
```
#f1f0f3
```
#f1f0f3 rgb(241,240,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #49484e is the less saturated color, while #1b0393 is the most saturated one.

#49484e
```
#49484e rgb(73,72,78)
```
#454254
```
#454254 rgb(69,66,84)
```
#413c5a
```
#413c5a rgb(65,60,90)
```
#3d3660
```
#3d3660 rgb(61,54,96)
```
#393165
```
#393165 rgb(57,49,101)
```
#362b6b
```
#362b6b rgb(54,43,107)
```
#322571
```
#322571 rgb(50,37,113)
```
#2e1f77
```
#2e1f77 rgb(46,31,119)
```
#2a1a7c
```
#2a1a7c rgb(42,26,124)
```
#261482
```
#261482 rgb(38,20,130)
```
#220e88
```
#220e88 rgb(34,14,136)
```
#1f088e
```
#1f088e rgb(31,8,142)
```
#1b0393
```
#1b0393 rgb(27,3,147)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#454448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494d5d Protanopia 1% of men
#4d4c5c Deuteranopia 1% of men
#4c4d53 Tritanopia 0.001% of the population

Trichromacy

#48495a Protanomaly 1% of men, 0.01% of women
#4a4859 Deuteranomaly 6% of men, 0.4% of women
#494953 Tritanomaly 0.01% of the population

#454254 hex color

#454254 Color Information

#454254 Color Conversion

Color Schemes with #454254

Alternatives to #454254

#454254 Preview

Shades and Tints of #454254

Tones of #454254

Color Blindness Simulator