#533dd8 hex color

In a RGB color space, hex #533dd8 is composed of 32.5% red, 23.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 71.8% magenta, 0% yellow and 15.3% black. It has a hue angle of 248.5 degrees, a saturation of 66.5% and a lightness of 54.3%. #533dd8 color hex could be obtained by blending #a67aff with #0000b1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 24
- B 85
RGB color chart
- C 62
- M 72
- Y 0
- K 15
CMYK color chart

● #533dd8 color description : Moderate blue.

The hexadecimal color #533dd8 has RGB values of R:83, G:61, B:216 and CMYK values of C:0.62, M:0.72, Y:0, K:0.15. Its decimal value is 5455320.

Hex triplet	533dd8	`#533dd8`
RGB Decimal	83, 61, 216	`rgb(83,61,216)`
RGB Percent	32.5, 23.9, 84.7	`rgb(32.5%,23.9%,84.7%)`
CMYK	62, 72, 0, 15
HSL	248.5°, 66.5, 54.3	`hsl(248.5,66.5%,54.3%)`
HSV (or HSB)	248.5°, 71.8, 84.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.081, 52.033, -76.009
XYZ	17.628, 10.134, 65.989
xyY	0.188, 0.108, 10.134
CIE-LCH	38.081, 92.113, 304.394
CIE-LUV	38.081, -2.98, -109.028
Hunter-Lab	31.833, 43.139, -100.622
Binary	01010011, 00111101, 11011000

#533dd8
```
#533dd8 rgb(83,61,216)
```
#c2d83d
```
#c2d83d rgb(194,216,61)
```

Complementary Color

#3d75d8
```
#3d75d8 rgb(61,117,216)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#a13dd8
```
#a13dd8 rgb(161,61,216)
```

Analogous Color

#75d83d
```
#75d83d rgb(117,216,61)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#d8a13d
```
#d8a13d rgb(216,161,61)
```

Split Complementary Color

#3dd853
```
#3dd853 rgb(61,216,83)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#d8533d
```
#d8533d rgb(216,83,61)
```

Triadic Color

#3dc2d8
```
#3dc2d8 rgb(61,194,216)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#d8533d
```
#d8533d rgb(216,83,61)
```
#c2d83d
```
#c2d83d rgb(194,216,61)
```

Tetradic Color

#3422a7
```
#3422a7 rgb(52,34,167)
```
#3b26bc
```
#3b26bc rgb(59,38,188)
```
#422ad1
```
#422ad1 rgb(66,42,209)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#6652dc
```
#6652dc rgb(102,82,220)
```
#7967e1
```
#7967e1 rgb(121,103,225)
```
#8b7de5
```
#8b7de5 rgb(139,125,229)
```

Monochromatic Color

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

#3d4ed8
```
#3d4ed8 rgb(61,78,216)
```
#3d41d8
```
#3d41d8 rgb(61,65,216)
```
#463dd8
```
#463dd8 rgb(70,61,216)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#603dd8
```
#603dd8 rgb(96,61,216)
```
#6d3dd8
```
#6d3dd8 rgb(109,61,216)
```
#7a3dd8
```
#7a3dd8 rgb(122,61,216)
```

Similar Colors

Text with hexadecimal color #533dd8

This text has a font color of #533dd8.

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

#533dd8 background color

This paragraph has a background color of #533dd8.

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

#533dd8 border color

This element has a border color of #533dd8.

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

CSS codes

.text {color:#533dd8;}

.background {background-color:#533dd8;}

.border {border:1px solid #533dd8;}

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

#010002
```
#010002 rgb(1,0,2)
```
#060412
```
#060412 rgb(6,4,18)
```
#0b0723
```
#0b0723 rgb(11,7,35)
```
#100a33
```
#100a33 rgb(16,10,51)
```
#150e43
```
#150e43 rgb(21,14,67)
```
#1a1154
```
#1a1154 rgb(26,17,84)
```
#1f1464
```
#1f1464 rgb(31,20,100)
```
#251774
```
#251774 rgb(37,23,116)
```
#2a1b85
```
#2a1b85 rgb(42,27,133)
```
#2f1e95
```
#2f1e95 rgb(47,30,149)
```
#3421a5
```
#3421a5 rgb(52,33,165)
```
#3925b6
```
#3925b6 rgb(57,37,182)
```
#3e28c6
```
#3e28c6 rgb(62,40,198)
```

Shade Color Variation

#452dd5
```
#452dd5 rgb(69,45,213)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#614ddb
```
#614ddb rgb(97,77,219)
```
#705edf
```
#705edf rgb(112,94,223)
```
#7e6ee2
```
#7e6ee2 rgb(126,110,226)
```
#8d7ee5
```
#8d7ee5 rgb(141,126,229)
```
#9b8fe8
```
#9b8fe8 rgb(155,143,232)
```
#aa9fec
```
#aa9fec rgb(170,159,236)
```
#b8afef
```
#b8afef rgb(184,175,239)
```
#c7c0f2
```
#c7c0f2 rgb(199,192,242)
```
#d5d0f6
```
#d5d0f6 rgb(213,208,246)
```
#e4e0f9
```
#e4e0f9 rgb(228,224,249)
```
#f2f1fc
```
#f2f1fc rgb(242,241,252)
```

Tint Color Variation

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

#868590
```
#868590 rgb(134,133,144)
```
#807c99
```
#807c99 rgb(128,124,153)
```
#7a73a2
```
#7a73a2 rgb(122,115,162)
```
#736aab
```
#736aab rgb(115,106,171)
```
#6d61b4
```
#6d61b4 rgb(109,97,180)
```
#6658bd
```
#6658bd rgb(102,88,189)
```
#604fc6
```
#604fc6 rgb(96,79,198)
```
#5946cf
```
#5946cf rgb(89,70,207)
```
#533dd8
```
#533dd8 rgb(83,61,216)
```
#4d34e1
```
#4d34e1 rgb(77,52,225)
```
#462bea
```
#462bea rgb(70,43,234)
```
#4022f3
```
#4022f3 rgb(64,34,243)
```
#3919fc
```
#3919fc rgb(57,25,252)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#55506f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a1 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#1e52c4 Protanomaly 1% of men, 0.01% of women
#1e56b5 Deuteranomaly 6% of men, 0.4% of women
#1e5a97 Tritanomaly 0.01% of the population

#533dd8 hex color

#533dd8 Color Information

#533dd8 Color Conversion

Color Schemes with #533dd8

Alternatives to #533dd8

#533dd8 Preview

Shades and Tints of #533dd8

Tones of #533dd8

Color Blindness Simulator