#534dd2 hex color

In a RGB color space, hex #534dd2 is composed of 32.5% red, 30.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 63.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 242.7 degrees, a saturation of 59.6% and a lightness of 56.3%. #534dd2 color hex could be obtained by blending #a69aff with #0000a5. Closest websafe color is: #6666cc.

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

● #534dd2 color description : Moderate blue.

The hexadecimal color #534dd2 has RGB values of R:83, G:77, B:210 and CMYK values of C:0.6, M:0.63, Y:0, K:0.18. Its decimal value is 5459410.

Hex triplet	534dd2	`#534dd2`
RGB Decimal	83, 77, 210	`rgb(83,77,210)`
RGB Percent	32.5, 30.2, 82.4	`rgb(32.5%,30.2%,82.4%)`
CMYK	60, 63, 0, 18
HSL	242.7°, 59.6, 56.3	`hsl(242.7,59.6%,56.3%)`
HSV (or HSB)	242.7°, 63.3, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.895, 41.104, -67.948
XYZ	17.852, 11.799, 62.306
xyY	0.194, 0.128, 11.799
CIE-LCH	40.895, 79.413, 301.171
CIE-LUV	40.895, -5.737, -101.101
Hunter-Lab	34.35, 32.655, -83.499
Binary	01010011, 01001101, 11010010

#534dd2
```
#534dd2 rgb(83,77,210)
```
#ccd24d
```
#ccd24d rgb(204,210,77)
```

Complementary Color

#4d8ad2
```
#4d8ad2 rgb(77,138,210)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#964dd2
```
#964dd2 rgb(150,77,210)
```

Analogous Color

#8ad24d
```
#8ad24d rgb(138,210,77)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#d2964d
```
#d2964d rgb(210,150,77)
```

Split Complementary Color

#4dd253
```
#4dd253 rgb(77,210,83)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#d2534d
```
#d2534d rgb(210,83,77)
```

Triadic Color

#4dccd2
```
#4dccd2 rgb(77,204,210)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#d2534d
```
#d2534d rgb(210,83,77)
```
#ccd24d
```
#ccd24d rgb(204,210,77)
```

Tetradic Color

#302aa8
```
#302aa8 rgb(48,42,168)
```
#3630bc
```
#3630bc rgb(54,48,188)
```
#3f39cd
```
#3f39cd rgb(63,57,205)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#6761d7
```
#6761d7 rgb(103,97,215)
```
#7a76dc
```
#7a76dc rgb(122,118,220)
```
#8e8ae1
```
#8e8ae1 rgb(142,138,225)
```

Monochromatic Color

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

#4d68d2
```
#4d68d2 rgb(77,104,210)
```
#4d5dd2
```
#4d5dd2 rgb(77,93,210)
```
#4d52d2
```
#4d52d2 rgb(77,82,210)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#5e4dd2
```
#5e4dd2 rgb(94,77,210)
```
#694dd2
```
#694dd2 rgb(105,77,210)
```
#744dd2
```
#744dd2 rgb(116,77,210)
```

Similar Colors

Text with hexadecimal color #534dd2

This text has a font color of #534dd2.

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

#534dd2 background color

This paragraph has a background color of #534dd2.

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

#534dd2 border color

This element has a border color of #534dd2.

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

CSS codes

.text {color:#534dd2;}

.background {background-color:#534dd2;}

.border {border:1px solid #534dd2;}

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, #03020a is the darkest color, while #f9f9fe is the lightest one.

#03020a
```
#03020a rgb(3,2,10)
```
#07061a
```
#07061a rgb(7,6,26)
```
#0c0a29
```
#0c0a29 rgb(12,10,41)
```
#100e39
```
#100e39 rgb(16,14,57)
```
#151249
```
#151249 rgb(21,18,73)
```
#191658
```
#191658 rgb(25,22,88)
```
#1e1a68
```
#1e1a68 rgb(30,26,104)
```
#221e77
```
#221e77 rgb(34,30,119)
```
#272287
```
#272287 rgb(39,34,135)
```
#2b2697
```
#2b2697 rgb(43,38,151)
```
#302aa6
```
#302aa6 rgb(48,42,166)
```
#342eb6
```
#342eb6 rgb(52,46,182)
```
#3932c6
```
#3932c6 rgb(57,50,198)
```

Shade Color Variation

#443dce
```
#443dce rgb(68,61,206)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#625dd6
```
#625dd6 rgb(98,93,214)
```
#716cda
```
#716cda rgb(113,108,218)
```
#807cde
```
#807cde rgb(128,124,222)
```
#908ce2
```
#908ce2 rgb(144,140,226)
```
#9f9be6
```
#9f9be6 rgb(159,155,230)
```
#aeabea
```
#aeabea rgb(174,171,234)
```
#bdbbee
```
#bdbbee rgb(189,187,238)
```
#cccaf2
```
#cccaf2 rgb(204,202,242)
```
#dbdaf6
```
#dbdaf6 rgb(219,218,246)
```
#eaeafa
```
#eaeafa rgb(234,234,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#8a8996
```
#8a8996 rgb(138,137,150)
```
#82809f
```
#82809f rgb(130,128,159)
```
#7a78a7
```
#7a78a7 rgb(122,120,167)
```
#726fb0
```
#726fb0 rgb(114,111,176)
```
#6a67b8
```
#6a67b8 rgb(106,103,184)
```
#635ec1
```
#635ec1 rgb(99,94,193)
```
#5b56c9
```
#5b56c9 rgb(91,86,201)
```
#534dd2
```
#534dd2 rgb(83,77,210)
```
#4b44db
```
#4b44db rgb(75,68,219)
```
#433ce3
```
#433ce3 rgb(67,60,227)
```
#3c33ec
```
#3c33ec rgb(60,51,236)
```
#342bf4
```
#342bf4 rgb(52,43,244)
```
#2c22fd
```
#2c22fd rgb(44,34,253)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#18727a Tritanopia 0.001% of the population

Trichromacy

#1e5cca Protanomaly 1% of men, 0.01% of women
#1e60ba Deuteranomaly 6% of men, 0.4% of women
#2d649a Tritanomaly 0.01% of the population

#534dd2 hex color

#534dd2 Color Information

#534dd2 Color Conversion

Color Schemes with #534dd2

Alternatives to #534dd2

#534dd2 Preview

Shades and Tints of #534dd2

Tones of #534dd2

Color Blindness Simulator