#454164 hex color

In a RGB color space, hex #454164 is composed of 27.1% red, 25.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 35% magenta, 0% yellow and 60.8% black. It has a hue angle of 246.9 degrees, a saturation of 21.2% and a lightness of 32.4%. #454164 color hex could be obtained by blending #8a82c8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 25
- B 39
RGB color chart
- C 31
- M 35
- Y 0
- K 61
CMYK color chart

● #454164 color description : Very dark desaturated blue.

The hexadecimal color #454164 has RGB values of R:69, G:65, B:100 and CMYK values of C:0.31, M:0.35, Y:0, K:0.61. Its decimal value is 4538724.

Hex triplet	454164	`#454164`
RGB Decimal	69, 65, 100	`rgb(69,65,100)`
RGB Percent	27.1, 25.5, 39.2	`rgb(27.1%,25.5%,39.2%)`
CMYK	31, 35, 0, 61
HSL	246.9°, 21.2, 32.4	`hsl(246.9,21.2%,32.4%)`
HSV (or HSB)	246.9°, 35, 39.2
Web Safe	333366	`#333366`

CIE-LAB	29.326, 10.601, -19.972
XYZ	6.644, 5.966, 12.857
xyY	0.261, 0.234, 5.966
CIE-LCH	29.326, 22.611, 297.959
CIE-LUV	29.326, -0.205, -26.588
Hunter-Lab	24.425, 5.814, -14.113
Binary	01000101, 01000001, 01100100

#454164
```
#454164 rgb(69,65,100)
```
#606441
```
#606441 rgb(96,100,65)
```

Complementary Color

#414f64
```
#414f64 rgb(65,79,100)
```
#454164
```
#454164 rgb(69,65,100)
```
#574164
```
#574164 rgb(87,65,100)
```

Analogous Color

#4f6441
```
#4f6441 rgb(79,100,65)
```
#454164
```
#454164 rgb(69,65,100)
```
#645741
```
#645741 rgb(100,87,65)
```

Split Complementary Color

#416445
```
#416445 rgb(65,100,69)
```
#454164
```
#454164 rgb(69,65,100)
```
#644541
```
#644541 rgb(100,69,65)
```

Triadic Color

#416064
```
#416064 rgb(65,96,100)
```
#454164
```
#454164 rgb(69,65,100)
```
#644541
```
#644541 rgb(100,69,65)
```
#606441
```
#606441 rgb(96,100,65)
```

Tetradic Color

#252336
```
#252336 rgb(37,35,54)
```
#302d45
```
#302d45 rgb(48,45,69)
```
#3a3755
```
#3a3755 rgb(58,55,85)
```
#454164
```
#454164 rgb(69,65,100)
```
#504b73
```
#504b73 rgb(80,75,115)
```
#5a5583
```
#5a5583 rgb(90,85,131)
```
#655f92
```
#655f92 rgb(101,95,146)
```

Monochromatic Color

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

#414664
```
#414664 rgb(65,70,100)
```
#414364
```
#414364 rgb(65,67,100)
```
#424164
```
#424164 rgb(66,65,100)
```
#454164
```
#454164 rgb(69,65,100)
```
#484164
```
#484164 rgb(72,65,100)
```
#4b4164
```
#4b4164 rgb(75,65,100)
```
#4e4164
```
#4e4164 rgb(78,65,100)
```

Similar Colors

Text with hexadecimal color #454164

This text has a font color of #454164.

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

#454164 background color

This paragraph has a background color of #454164.

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

#454164 border color

This element has a border color of #454164.

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

CSS codes

.text {color:#454164;}

.background {background-color:#454164;}

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

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)
```
#0c0b11
```
#0c0b11 rgb(12,11,17)
```
#14131d
```
#14131d rgb(20,19,29)
```
#1c1a29
```
#1c1a29 rgb(28,26,41)
```
#242234
```
#242234 rgb(36,34,52)
```
#2c2a40
```
#2c2a40 rgb(44,42,64)
```
#35324c
```
#35324c rgb(53,50,76)
```
#3d3958
```
#3d3958 rgb(61,57,88)
```
#454164
```
#454164 rgb(69,65,100)
```
#4d4970
```
#4d4970 rgb(77,73,112)
```
#55507c
```
#55507c rgb(85,80,124)
```
#5e5888
```
#5e5888 rgb(94,88,136)
```
#666094
```
#666094 rgb(102,96,148)
```

Shade Color Variation

#6f699e
```
#6f699e rgb(111,105,158)
```
#7b75a5
```
#7b75a5 rgb(123,117,165)
```
#8681ad
```
#8681ad rgb(134,129,173)
```
#928db5
```
#928db5 rgb(146,141,181)
```
#9d99bd
```
#9d99bd rgb(157,153,189)
```
#a8a5c4
```
#a8a5c4 rgb(168,165,196)
```
#b4b1cc
```
#b4b1cc rgb(180,177,204)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#cbc8dc
```
#cbc8dc rgb(203,200,220)
```
#d6d4e3
```
#d6d4e3 rgb(214,212,227)
```
#e1e0eb
```
#e1e0eb rgb(225,224,235)
```
#edecf3
```
#edecf3 rgb(237,236,243)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f4e57 is the less saturated color, while #1402a3 is the most saturated one.

#4f4e57
```
#4f4e57 rgb(79,78,87)
```
#4a475e
```
#4a475e rgb(74,71,94)
```
#454164
```
#454164 rgb(69,65,100)
```
#403b6a
```
#403b6a rgb(64,59,106)
```
#3b3471
```
#3b3471 rgb(59,52,113)
```
#362e77
```
#362e77 rgb(54,46,119)
```
#31287d
```
#31287d rgb(49,40,125)
```
#2d2184
```
#2d2184 rgb(45,33,132)
```
#281b8a
```
#281b8a rgb(40,27,138)
```
#231590
```
#231590 rgb(35,21,144)
```
#1e0e97
```
#1e0e97 rgb(30,14,151)
```
#19089d
```
#19089d rgb(25,8,157)
```
#1402a3
```
#1402a3 rgb(20,2,163)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#46454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#434d6e Protanopia 1% of men
#444e6a Deuteranopia 1% of men
#494f55 Tritanopia 0.001% of the population

Trichromacy

#44496a Protanomaly 1% of men, 0.01% of women
#444968 Deuteranomaly 6% of men, 0.4% of women
#474a5a Tritanomaly 0.01% of the population

#454164 hex color

#454164 Color Information

#454164 Color Conversion

Color Schemes with #454164

Alternatives to #454164

#454164 Preview

Shades and Tints of #454164

Tones of #454164

Color Blindness Simulator