#453a54 hex color

In a RGB color space, hex #453a54 is composed of 27.1% red, 22.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 31% magenta, 0% yellow and 67.1% black. It has a hue angle of 265.4 degrees, a saturation of 18.3% and a lightness of 27.8%. #453a54 color hex could be obtained by blending #8a74a8 with #000000. Closest websafe color is: #333366.

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

● #453a54 color description : Very dark grayish violet.

The hexadecimal color #453a54 has RGB values of R:69, G:58, B:84 and CMYK values of C:0.18, M:0.31, Y:0, K:0.67. Its decimal value is 4536916.

Hex triplet	453a54	`#453a54`
RGB Decimal	69, 58, 84	`rgb(69,58,84)`
RGB Percent	27.1, 22.7, 32.9	`rgb(27.1%,22.7%,32.9%)`
CMYK	18, 31, 0, 67
HSL	265.4°, 18.3, 27.8	`hsl(265.4,18.3%,27.8%)`
HSV (or HSB)	265.4°, 31, 32.9
Web Safe	333366	`#333366`

CIE-LAB	26.539, 10.824, -13.926
XYZ	5.567, 4.931, 9.046
xyY	0.285, 0.252, 4.931
CIE-LCH	26.539, 17.638, 307.857
CIE-LUV	26.539, 3.766, -18.037
Hunter-Lab	22.207, 5.888, -8.606
Binary	01000101, 00111010, 01010100

#453a54
```
#453a54 rgb(69,58,84)
```
#49543a
```
#49543a rgb(73,84,58)
```

Complementary Color

#3a3c54
```
#3a3c54 rgb(58,60,84)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#523a54
```
#523a54 rgb(82,58,84)
```

Analogous Color

#3c543a
```
#3c543a rgb(60,84,58)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#54523a
```
#54523a rgb(84,82,58)
```

Split Complementary Color

#3a5445
```
#3a5445 rgb(58,84,69)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#54453a
```
#54453a rgb(84,69,58)
```

Triadic Color

#3a4954
```
#3a4954 rgb(58,73,84)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#54453a
```
#54453a rgb(84,69,58)
```
#49543a
```
#49543a rgb(73,84,58)
```

Tetradic Color

#201b27
```
#201b27 rgb(32,27,39)
```
#2c2536
```
#2c2536 rgb(44,37,54)
```
#393045
```
#393045 rgb(57,48,69)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#514463
```
#514463 rgb(81,68,99)
```
#5e4f72
```
#5e4f72 rgb(94,79,114)
```
#6a5981
```
#6a5981 rgb(106,89,129)
```

Monochromatic Color

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

#3f3a54
```
#3f3a54 rgb(63,58,84)
```
#413a54
```
#413a54 rgb(65,58,84)
```
#433a54
```
#433a54 rgb(67,58,84)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#473a54
```
#473a54 rgb(71,58,84)
```
#493a54
```
#493a54 rgb(73,58,84)
```
#4c3a54
```
#4c3a54 rgb(76,58,84)
```

Similar Colors

Text with hexadecimal color #453a54

This text has a font color of #453a54.

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

#453a54 background color

This paragraph has a background color of #453a54.

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

#453a54 border color

This element has a border color of #453a54.

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

CSS codes

.text {color:#453a54;}

.background {background-color:#453a54;}

.border {border:1px solid #453a54;}

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

#020203
```
#020203 rgb(2,2,3)
```
#0c0a0e
```
#0c0a0e rgb(12,10,14)
```
#15121a
```
#15121a rgb(21,18,26)
```
#1f1a26
```
#1f1a26 rgb(31,26,38)
```
#282231
```
#282231 rgb(40,34,49)
```
#322a3d
```
#322a3d rgb(50,42,61)
```
#3b3248
```
#3b3248 rgb(59,50,72)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#4f4260
```
#4f4260 rgb(79,66,96)
```
#584a6b
```
#584a6b rgb(88,74,107)
```
#625277
```
#625277 rgb(98,82,119)
```
#6b5a82
```
#6b5a82 rgb(107,90,130)
```
#75628e
```
#75628e rgb(117,98,142)
```

Shade Color Variation

#7e6b99
```
#7e6b99 rgb(126,107,153)
```
#8877a1
```
#8877a1 rgb(136,119,161)
```
#9282a9
```
#9282a9 rgb(146,130,169)
```
#9d8eb1
```
#9d8eb1 rgb(157,142,177)
```
#a799b9
```
#a799b9 rgb(167,153,185)
```
#b1a5c1
```
#b1a5c1 rgb(177,165,193)
```
#bbb1c9
```
#bbb1c9 rgb(187,177,201)
```
#c5bcd1
```
#c5bcd1 rgb(197,188,209)
```
#cfc8d9
```
#cfc8d9 rgb(207,200,217)
```
#d9d3e1
```
#d9d3e1 rgb(217,211,225)
```
#e3dfe9
```
#e3dfe9 rgb(227,223,233)
```
#edebf1
```
#edebf1 rgb(237,235,241)
```
#f7f6f9
```
#f7f6f9 rgb(247,246,249)
```

Tint Color Variation

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

#474549
```
#474549 rgb(71,69,73)
```
#463f4f
```
#463f4f rgb(70,63,79)
```
#453a54
```
#453a54 rgb(69,58,84)
```
#443559
```
#443559 rgb(68,53,89)
```
#432f5f
```
#432f5f rgb(67,47,95)
```
#422a64
```
#422a64 rgb(66,42,100)
```
#42246a
```
#42246a rgb(66,36,106)
```
#411f6f
```
#411f6f rgb(65,31,111)
```
#401975
```
#401975 rgb(64,25,117)
```
#3f147a
```
#3f147a rgb(63,20,122)
```
#3e0e80
```
#3e0e80 rgb(62,14,128)
```
#3d0985
```
#3d0985 rgb(61,9,133)
```
#3d038b
```
#3d038b rgb(61,3,139)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#413f44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41475f Protanopia 1% of men
#44475b Deuteranopia 1% of men
#4b474c Tritanopia 0.001% of the population

Trichromacy

#42425b Protanomaly 1% of men, 0.01% of women
#444258 Deuteranomaly 6% of men, 0.4% of women
#49424f Tritanomaly 0.01% of the population

#453a54 hex color

#453a54 Color Information

#453a54 Color Conversion

Color Schemes with #453a54

Alternatives to #453a54

#453a54 Preview

Shades and Tints of #453a54

Tones of #453a54

Color Blindness Simulator