#533fdc hex color

In a RGB color space, hex #533fdc is composed of 32.5% red, 24.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 71.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 247.6 degrees, a saturation of 69.2% and a lightness of 55.5%. #533fdc color hex could be obtained by blending #a67eff with #0000b9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 25
- B 86
RGB color chart
- C 62
- M 71
- Y 0
- K 14
CMYK color chart

● #533fdc color description : Bright blue.

The hexadecimal color #533fdc has RGB values of R:83, G:63, B:220 and CMYK values of C:0.62, M:0.71, Y:0, K:0.14. Its decimal value is 5455836.

Hex triplet	533fdc	`#533fdc`
RGB Decimal	83, 63, 220	`rgb(83,63,220)`
RGB Percent	32.5, 24.7, 86.3	`rgb(32.5%,24.7%,86.3%)`
CMYK	62, 71, 0, 14
HSL	247.6°, 69.2, 55.5	`hsl(247.6,69.2%,55.5%)`
HSV (or HSB)	247.6°, 71.4, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.83, 52.173, -77.072
XYZ	18.261, 10.561, 68.782
xyY	0.187, 0.108, 10.561
CIE-LCH	38.83, 93.071, 304.096
CIE-LUV	38.83, -3.603, -111.149
Hunter-Lab	32.497, 43.432, -102.744
Binary	01010011, 00111111, 11011100

#533fdc
```
#533fdc rgb(83,63,220)
```
#c8dc3f
```
#c8dc3f rgb(200,220,63)
```

Complementary Color

#3f7adc
```
#3f7adc rgb(63,122,220)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#a23fdc
```
#a23fdc rgb(162,63,220)
```

Analogous Color

#7adc3f
```
#7adc3f rgb(122,220,63)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#dca23f
```
#dca23f rgb(220,162,63)
```

Split Complementary Color

#3fdc53
```
#3fdc53 rgb(63,220,83)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#dc533f
```
#dc533f rgb(220,83,63)
```

Triadic Color

#3fc8dc
```
#3fc8dc rgb(63,200,220)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#dc533f
```
#dc533f rgb(220,83,63)
```
#c8dc3f
```
#c8dc3f rgb(200,220,63)
```

Tetradic Color

#3220af
```
#3220af rgb(50,32,175)
```
#3824c4
```
#3824c4 rgb(56,36,196)
```
#4029d8
```
#4029d8 rgb(64,41,216)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#6655e0
```
#6655e0 rgb(102,85,224)
```
#7a6ae4
```
#7a6ae4 rgb(122,106,228)
```
#8d80e8
```
#8d80e8 rgb(141,128,232)
```

Monochromatic Color

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

#3f52dc
```
#3f52dc rgb(63,82,220)
```
#3f45dc
```
#3f45dc rgb(63,69,220)
```
#463fdc
```
#463fdc rgb(70,63,220)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#603fdc
```
#603fdc rgb(96,63,220)
```
#6d3fdc
```
#6d3fdc rgb(109,63,220)
```
#7a3fdc
```
#7a3fdc rgb(122,63,220)
```

Similar Colors

Text with hexadecimal color #533fdc

This text has a font color of #533fdc.

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

#533fdc background color

This paragraph has a background color of #533fdc.

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

#533fdc border color

This element has a border color of #533fdc.

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

CSS codes

.text {color:#533fdc;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#070418
```
#070418 rgb(7,4,24)
```
#0c0728
```
#0c0728 rgb(12,7,40)
```
#100a39
```
#100a39 rgb(16,10,57)
```
#150d49
```
#150d49 rgb(21,13,73)
```
#1a105a
```
#1a105a rgb(26,16,90)
```
#1f136b
```
#1f136b rgb(31,19,107)
```
#23167b
```
#23167b rgb(35,22,123)
```
#28198c
```
#28198c rgb(40,25,140)
```
#2d1d9c
```
#2d1d9c rgb(45,29,156)
```
#3220ad
```
#3220ad rgb(50,32,173)
```
#3623be
```
#3623be rgb(54,35,190)
```
#3b26ce
```
#3b26ce rgb(59,38,206)
```

Shade Color Variation

#442ed9
```
#442ed9 rgb(68,46,217)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#6250df
```
#6250df rgb(98,80,223)
```
#7160e2
```
#7160e2 rgb(113,96,226)
```
#8071e5
```
#8071e5 rgb(128,113,229)
```
#8e81e8
```
#8e81e8 rgb(142,129,232)
```
#9d92eb
```
#9d92eb rgb(157,146,235)
```
#aca3ee
```
#aca3ee rgb(172,163,238)
```
#bbb3f1
```
#bbb3f1 rgb(187,179,241)
```
#cac4f4
```
#cac4f4 rgb(202,196,244)
```
#d9d4f7
```
#d9d4f7 rgb(217,212,247)
```
#e8e5fa
```
#e8e5fa rgb(232,229,250)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#878596
```
#878596 rgb(135,133,150)
```
#817c9f
```
#817c9f rgb(129,124,159)
```
#7a73a8
```
#7a73a8 rgb(122,115,168)
```
#746bb0
```
#746bb0 rgb(116,107,176)
```
#6d62b9
```
#6d62b9 rgb(109,98,185)
```
#6759c2
```
#6759c2 rgb(103,89,194)
```
#6050cb
```
#6050cb rgb(96,80,203)
```
#5a48d3
```
#5a48d3 rgb(90,72,211)
```
#533fdc
```
#533fdc rgb(83,63,220)
```
#4c36e5
```
#4c36e5 rgb(76,54,229)
```
#462eed
```
#462eed rgb(70,46,237)
```
#3f25f6
```
#3f25f6 rgb(63,37,246)
```
#391cff
```
#391cff rgb(57,28,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#565272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#1e54c8 Protanomaly 1% of men, 0.01% of women
#1e58b8 Deuteranomaly 6% of men, 0.4% of women
#1e5c9a Tritanomaly 0.01% of the population

#533fdc hex color

#533fdc Color Information

#533fdc Color Conversion

Color Schemes with #533fdc

Alternatives to #533fdc

#533fdc Preview

Shades and Tints of #533fdc

Tones of #533fdc

Color Blindness Simulator