#534dd4 hex color

In a RGB color space, hex #534dd4 is composed of 32.5% red, 30.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 63.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 242.7 degrees, a saturation of 61.1% and a lightness of 56.7%. #534dd4 color hex could be obtained by blending #a69aff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 30
- B 83
RGB color chart
- C 61
- M 64
- Y 0
- K 17
CMYK color chart

● #534dd4 color description : Moderate blue.

The hexadecimal color #534dd4 has RGB values of R:83, G:77, B:212 and CMYK values of C:0.61, M:0.64, Y:0, K:0.17. Its decimal value is 5459412.

Hex triplet	534dd4	`#534dd4`
RGB Decimal	83, 77, 212	`rgb(83,77,212)`
RGB Percent	32.5, 30.2, 83.1	`rgb(32.5%,30.2%,83.1%)`
CMYK	61, 64, 0, 17
HSL	242.7°, 61.1, 56.7	`hsl(242.7,61.1%,56.7%)`
HSV (or HSB)	242.7°, 63.7, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.056, 41.745, -68.836
XYZ	18.103, 11.899, 63.627
xyY	0.193, 0.127, 11.899
CIE-LCH	41.056, 80.505, 301.235
CIE-LUV	41.056, -5.851, -102.445
Hunter-Lab	34.496, 33.306, -85.213
Binary	01010011, 01001101, 11010100

#534dd4
```
#534dd4 rgb(83,77,212)
```
#ced44d
```
#ced44d rgb(206,212,77)
```

Complementary Color

#4d8bd4
```
#4d8bd4 rgb(77,139,212)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#974dd4
```
#974dd4 rgb(151,77,212)
```

Analogous Color

#8bd44d
```
#8bd44d rgb(139,212,77)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#d4974d
```
#d4974d rgb(212,151,77)
```

Split Complementary Color

#4dd453
```
#4dd453 rgb(77,212,83)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#d4534d
```
#d4534d rgb(212,83,77)
```

Triadic Color

#4dced4
```
#4dced4 rgb(77,206,212)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#d4534d
```
#d4534d rgb(212,83,77)
```
#ced44d
```
#ced44d rgb(206,212,77)
```

Tetradic Color

#2f29ab
```
#2f29ab rgb(47,41,171)
```
#352ec0
```
#352ec0 rgb(53,46,192)
```
#3f38cf
```
#3f38cf rgb(63,56,207)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#6762d9
```
#6762d9 rgb(103,98,217)
```
#7b76de
```
#7b76de rgb(123,118,222)
```
#8f8be3
```
#8f8be3 rgb(143,139,227)
```

Monochromatic Color

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

#4d69d4
```
#4d69d4 rgb(77,105,212)
```
#4d5ed4
```
#4d5ed4 rgb(77,94,212)
```
#4d52d4
```
#4d52d4 rgb(77,82,212)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#5e4dd4
```
#5e4dd4 rgb(94,77,212)
```
#6a4dd4
```
#6a4dd4 rgb(106,77,212)
```
#754dd4
```
#754dd4 rgb(117,77,212)
```

Similar Colors

Text with hexadecimal color #534dd4

This text has a font color of #534dd4.

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

#534dd4 background color

This paragraph has a background color of #534dd4.

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

#534dd4 border color

This element has a border color of #534dd4.

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

CSS codes

.text {color:#534dd4;}

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

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

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, #03030c is the darkest color, while #fbfbfe is the lightest one.

#03030c
```
#03030c rgb(3,3,12)
```
#08071b
```
#08071b rgb(8,7,27)
```
#0c0a2b
```
#0c0a2b rgb(12,10,43)
```
#100e3b
```
#100e3b rgb(16,14,59)
```
#15124b
```
#15124b rgb(21,18,75)
```
#19165b
```
#19165b rgb(25,22,91)
```
#1d1a6a
```
#1d1a6a rgb(29,26,106)
```
#221e7a
```
#221e7a rgb(34,30,122)
```
#26218a
```
#26218a rgb(38,33,138)
```
#2a259a
```
#2a259a rgb(42,37,154)
```
#2f29aa
```
#2f29aa rgb(47,41,170)
```
#332db9
```
#332db9 rgb(51,45,185)
```
#3731c9
```
#3731c9 rgb(55,49,201)
```

Shade Color Variation

#443dd0
```
#443dd0 rgb(68,61,208)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#625dd8
```
#625dd8 rgb(98,93,216)
```
#726ddc
```
#726ddc rgb(114,109,220)
```
#817cdf
```
#817cdf rgb(129,124,223)
```
#908ce3
```
#908ce3 rgb(144,140,227)
```
#9f9ce7
```
#9f9ce7 rgb(159,156,231)
```
#afaceb
```
#afaceb rgb(175,172,235)
```
#bebcef
```
#bebcef rgb(190,188,239)
```
#cdcbf3
```
#cdcbf3 rgb(205,203,243)
```
#dcdbf6
```
#dcdbf6 rgb(220,219,246)
```
#ecebfa
```
#ecebfa rgb(236,235,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#898999
```
#898999 rgb(137,137,153)
```
#8180a1
```
#8180a1 rgb(129,128,161)
```
#7a78aa
```
#7a78aa rgb(122,120,170)
```
#726fb2
```
#726fb2 rgb(114,111,178)
```
#6a67bb
```
#6a67bb rgb(106,103,187)
```
#625ec3
```
#625ec3 rgb(98,94,195)
```
#5b56cc
```
#5b56cc rgb(91,86,204)
```
#534dd4
```
#534dd4 rgb(83,77,212)
```
#4b45dd
```
#4b45dd rgb(75,69,221)
```
#443ce5
```
#443ce5 rgb(68,60,229)
```
#3c33ee
```
#3c33ee rgb(60,51,238)
```
#342bf6
```
#342bf6 rgb(52,43,246)
```
#2c23ff
```
#2c23ff rgb(44,35,255)
```

Tone Color Variation

Below, you can see how #534dd4 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
#5c5b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006bae Deuteranopia 1% of men
#11737b Tritanopia 0.001% of the population

Trichromacy

#1e5ccb Protanomaly 1% of men, 0.01% of women
#1e60bb Deuteranomaly 6% of men, 0.4% of women
#29659b Tritanomaly 0.01% of the population

#534dd4 hex color

#534dd4 Color Information

#534dd4 Color Conversion

Color Schemes with #534dd4

Alternatives to #534dd4

#534dd4 Preview

Shades and Tints of #534dd4

Tones of #534dd4

Color Blindness Simulator