colorhexa.com

#533bdf hex color

In a RGB color space, hex #533bdf is composed of 32.5% red, 23.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 73.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 248.8 degrees, a saturation of 71.9% and a lightness of 55.3%. #533bdf color hex could be obtained by blending #a676ff with #0000bf. Closest websafe color is: #6633cc.

- R 33
- G 23
- B 87
RGB color chart
- C 63
- M 74
- Y 0
- K 13
CMYK color chart

● #533bdf color description : Bright blue.

The hexadecimal color #533bdf has RGB values of R:83, G:59, B:223 and CMYK values of C:0.63, M:0.74, Y:0, K:0.13. Its decimal value is 5454815.

Hex triplet	533bdf	`#533bdf`
RGB Decimal	83, 59, 223	`rgb(83,59,223)`
RGB Percent	32.5, 23.1, 87.5	`rgb(32.5%,23.1%,87.5%)`
CMYK	63, 74, 0, 13
HSL	248.8°, 71.9, 55.3	`hsl(248.8,71.9%,55.3%)`
HSV (or HSB)	248.8°, 73.5, 87.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.365, 55.163, -79.555
XYZ	18.448, 10.294, 70.823
xyY	0.185, 0.103, 10.294
CIE-LCH	38.365, 96.809, 304.737
CIE-LUV	38.365, -3.159, -113.665
Hunter-Lab	32.084, 46.488, -108.419
Binary	01010011, 00111011, 11011111

#533bdf
```
#533bdf rgb(83,59,223)
```
#c7df3b
```
#c7df3b rgb(199,223,59)
```

Complementary Color

#3b75df
```
#3b75df rgb(59,117,223)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#a53bdf
```
#a53bdf rgb(165,59,223)
```

Analogous Color

#75df3b
```
#75df3b rgb(117,223,59)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#dfa53b
```
#dfa53b rgb(223,165,59)
```

Split Complementary Color

#3bdf53
```
#3bdf53 rgb(59,223,83)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#df533b
```
#df533b rgb(223,83,59)
```

Triadic Color

#3bc7df
```
#3bc7df rgb(59,199,223)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#df533b
```
#df533b rgb(223,83,59)
```
#c7df3b
```
#c7df3b rgb(199,223,59)
```

Tetradic Color

#321db1
```
#321db1 rgb(50,29,177)
```
#3920c7
```
#3920c7 rgb(57,32,199)
```
#4025db
```
#4025db rgb(64,37,219)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#6651e3
```
#6651e3 rgb(102,81,227)
```
#7967e6
```
#7967e6 rgb(121,103,230)
```
#8d7dea
```
#8d7dea rgb(141,125,234)
```

Monochromatic Color

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

#3b4cdf
```
#3b4cdf rgb(59,76,223)
```
#3b3edf
```
#3b3edf rgb(59,62,223)
```
#453bdf
```
#453bdf rgb(69,59,223)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#613bdf
```
#613bdf rgb(97,59,223)
```
#6e3bdf
```
#6e3bdf rgb(110,59,223)
```
#7c3bdf
```
#7c3bdf rgb(124,59,223)
```

Similar Colors

Text with hexadecimal color #533bdf

This text has a font color of #533bdf.

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

#533bdf background color

This paragraph has a background color of #533bdf.

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

#533bdf border color

This element has a border color of #533bdf.

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

CSS codes

.text {color:#533bdf;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#070417
```
#070417 rgb(7,4,23)
```
#0b0728
```
#0b0728 rgb(11,7,40)
```
#100939
```
#100939 rgb(16,9,57)
```
#150c4a
```
#150c4a rgb(21,12,74)
```
#1a0f5b
```
#1a0f5b rgb(26,15,91)
```
#1f126c
```
#1f126c rgb(31,18,108)
```
#24147c
```
#24147c rgb(36,20,124)
```
#28178d
```
#28178d rgb(40,23,141)
```
#2d1a9e
```
#2d1a9e rgb(45,26,158)
```
#321daf
```
#321daf rgb(50,29,175)
```
#371fc0
```
#371fc0 rgb(55,31,192)
```
#3c22d1
```
#3c22d1 rgb(60,34,209)
```

Shade Color Variation

#442adc
```
#442adc rgb(68,42,220)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#624ce2
```
#624ce2 rgb(98,76,226)
```
#715de5
```
#715de5 rgb(113,93,229)
```
#7f6ee7
```
#7f6ee7 rgb(127,110,231)
```
#8e7eea
```
#8e7eea rgb(142,126,234)
```
#9d8fed
```
#9d8fed rgb(157,143,237)
```
#aca0f0
```
#aca0f0 rgb(172,160,240)
```
#bbb1f2
```
#bbb1f2 rgb(187,177,242)
```
#c9c2f5
```
#c9c2f5 rgb(201,194,245)
```
#d8d3f8
```
#d8d3f8 rgb(216,211,248)
```
#e7e4fb
```
#e7e4fb rgb(231,228,251)
```
#f6f4fd
```
#f6f4fd rgb(246,244,253)
```

Tint Color Variation

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

#8b8a90
```
#8b8a90 rgb(139,138,144)
```
#858199
```
#858199 rgb(133,129,153)
```
#7e78a2
```
#7e78a2 rgb(126,120,162)
```
#7870aa
```
#7870aa rgb(120,112,170)
```
#7267b3
```
#7267b3 rgb(114,103,179)
```
#6c5ebc
```
#6c5ebc rgb(108,94,188)
```
#6655c5
```
#6655c5 rgb(102,85,197)
```
#5f4dcd
```
#5f4dcd rgb(95,77,205)
```
#5944d6
```
#5944d6 rgb(89,68,214)
```
#533bdf
```
#533bdf rgb(83,59,223)
```
#4d32e8
```
#4d32e8 rgb(77,50,232)
```
#4729f1
```
#4729f1 rgb(71,41,241)
```
#4021f9
```
#4021f9 rgb(64,33,249)
```

Tone Color Variation

Below, you can see how #533bdf 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
#555071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1e52c8 Protanomaly 1% of men, 0.01% of women
#1e56b8 Deuteranomaly 6% of men, 0.4% of women
#1e5a9a Tritanomaly 0.01% of the population