#5453d2 hex color

In a RGB color space, hex #5453d2 is composed of 32.9% red, 32.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 60.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 240.5 degrees, a saturation of 58.5% and a lightness of 57.5%. #5453d2 color hex could be obtained by blending #a8a6ff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 33
- B 82
RGB color chart
- C 60
- M 60
- Y 0
- K 18
CMYK color chart

● #5453d2 color description : Moderate blue.

The hexadecimal color #5453d2 has RGB values of R:84, G:83, B:210 and CMYK values of C:0.6, M:0.6, Y:0, K:0.18. Its decimal value is 5526482.

Hex triplet	5453d2	`#5453d2`
RGB Decimal	84, 83, 210	`rgb(84,83,210)`
RGB Percent	32.9, 32.5, 82.4	`rgb(32.9%,32.5%,82.4%)`
CMYK	60, 60, 0, 18
HSL	240.5°, 58.5, 57.5	`hsl(240.5,58.5%,57.5%)`
HSV (or HSB)	240.5°, 60.5, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.344, 37.656, -65.583
XYZ	18.38, 12.724, 62.457
xyY	0.196, 0.136, 12.724
CIE-LCH	42.344, 75.625, 299.863
CIE-LUV	42.344, -6.863, -98.866
Hunter-Lab	35.67, 29.554, -78.844
Binary	01010100, 01010011, 11010010

#5453d2
```
#5453d2 rgb(84,83,210)
```
#d1d253
```
#d1d253 rgb(209,210,83)
```

Complementary Color

#5392d2
```
#5392d2 rgb(83,146,210)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#9453d2
```
#9453d2 rgb(148,83,210)
```

Analogous Color

#92d253
```
#92d253 rgb(146,210,83)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#d29453
```
#d29453 rgb(210,148,83)
```

Split Complementary Color

#53d254
```
#53d254 rgb(83,210,84)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#d25453
```
#d25453 rgb(210,84,83)
```

Triadic Color

#53d1d2
```
#53d1d2 rgb(83,209,210)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#d25453
```
#d25453 rgb(210,84,83)
```
#d1d253
```
#d1d253 rgb(209,210,83)
```

Tetradic Color

#2e2dac
```
#2e2dac rgb(46,45,172)
```
#3332c0
```
#3332c0 rgb(51,50,192)
```
#403fcd
```
#403fcd rgb(64,63,205)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#6867d7
```
#6867d7 rgb(104,103,215)
```
#7c7bdd
```
#7c7bdd rgb(124,123,221)
```
#9090e2
```
#9090e2 rgb(144,144,226)
```

Monochromatic Color

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

#5372d2
```
#5372d2 rgb(83,114,210)
```
#5367d2
```
#5367d2 rgb(83,103,210)
```
#535dd2
```
#535dd2 rgb(83,93,210)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#5f53d2
```
#5f53d2 rgb(95,83,210)
```
#6953d2
```
#6953d2 rgb(105,83,210)
```
#7453d2
```
#7453d2 rgb(116,83,210)
```

Similar Colors

Text with hexadecimal color #5453d2

This text has a font color of #5453d2.

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

#5453d2 background color

This paragraph has a background color of #5453d2.

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

#5453d2 border color

This element has a border color of #5453d2.

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

CSS codes

.text {color:#5453d2;}

.background {background-color:#5453d2;}

.border {border:1px solid #5453d2;}

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, #04040f is the darkest color, while #fefeff is the lightest one.

#04040f
```
#04040f rgb(4,4,15)
```
#08081e
```
#08081e rgb(8,8,30)
```
#0c0c2e
```
#0c0c2e rgb(12,12,46)
```
#10103d
```
#10103d rgb(16,16,61)
```
#15144d
```
#15144d rgb(21,20,77)
```
#19185c
```
#19185c rgb(25,24,92)
```
#1d1c6c
```
#1d1c6c rgb(29,28,108)
```
#21207b
```
#21207b rgb(33,32,123)
```
#25248b
```
#25248b rgb(37,36,139)
```
#29289b
```
#29289b rgb(41,40,155)
```
#2d2caa
```
#2d2caa rgb(45,44,170)
```
#3231ba
```
#3231ba rgb(50,49,186)
```
#3635c9
```
#3635c9 rgb(54,53,201)
```

Shade Color Variation

#4543ce
```
#4543ce rgb(69,67,206)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#6363d6
```
#6363d6 rgb(99,99,214)
```
#7372da
```
#7372da rgb(115,114,218)
```
#8282de
```
#8282de rgb(130,130,222)
```
#9291e2
```
#9291e2 rgb(146,145,226)
```
#a1a1e6
```
#a1a1e6 rgb(161,161,230)
```
#b1b0ea
```
#b1b0ea rgb(177,176,234)
```
#c0c0ee
```
#c0c0ee rgb(192,192,238)
```
#d0cff3
```
#d0cff3 rgb(208,207,243)
```
#dfdff7
```
#dfdff7 rgb(223,223,247)
```
#efeefb
```
#efeefb rgb(239,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8d98 is the less saturated color, while #2b29fc is the most saturated one.

#8e8d98
```
#8e8d98 rgb(142,141,152)
```
#8585a0
```
#8585a0 rgb(133,133,160)
```
#7d7da8
```
#7d7da8 rgb(125,125,168)
```
#7574b1
```
#7574b1 rgb(117,116,177)
```
#6d6cb9
```
#6d6cb9 rgb(109,108,185)
```
#6464c1
```
#6464c1 rgb(100,100,193)
```
#5c5bca
```
#5c5bca rgb(92,91,202)
```
#5453d2
```
#5453d2 rgb(84,83,210)
```
#4c4bda
```
#4c4bda rgb(76,75,218)
```
#4442e3
```
#4442e3 rgb(68,66,227)
```
#3b3aeb
```
#3b3aeb rgb(59,58,235)
```
#3332f3
```
#3332f3 rgb(51,50,243)
```
#2b29fc
```
#2b29fc rgb(43,41,252)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f5f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#22757e Tritanopia 0.001% of the population

Trichromacy

#1e60ce Protanomaly 1% of men, 0.01% of women
#1e64be Deuteranomaly 6% of men, 0.4% of women
#34699c Tritanomaly 0.01% of the population

#5453d2 hex color

#5453d2 Color Information

#5453d2 Color Conversion

Color Schemes with #5453d2

Alternatives to #5453d2

#5453d2 Preview

Shades and Tints of #5453d2

Tones of #5453d2

Color Blindness Simulator