#533cc5 hex color

In a RGB color space, hex #533cc5 is composed of 32.5% red, 23.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 69.5% magenta, 0% yellow and 22.7% black. It has a hue angle of 250.1 degrees, a saturation of 54.2% and a lightness of 50.4%. #533cc5 color hex could be obtained by blending #a678ff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 24
- B 77
RGB color chart
- C 58
- M 70
- Y 0
- K 23
CMYK color chart

● #533cc5 color description : Moderate blue.

The hexadecimal color #533cc5 has RGB values of R:83, G:60, B:197 and CMYK values of C:0.58, M:0.7, Y:0, K:0.23. Its decimal value is 5455045.

Hex triplet	533cc5	`#533cc5`
RGB Decimal	83, 60, 197	`rgb(83,60,197)`
RGB Percent	32.5, 23.5, 77.3	`rgb(32.5%,23.5%,77.3%)`
CMYK	58, 70, 0, 23
HSL	250.1°, 54.2, 50.4	`hsl(250.1,54.2%,50.4%)`
HSV (or HSB)	250.1°, 69.5, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.179, 46.841, -68.124
XYZ	15.259, 9.101, 53.773
xyY	0.195, 0.116, 9.101
CIE-LCH	36.179, 82.674, 304.512
CIE-LUV	36.179, -1.362, -97.224
Hunter-Lab	30.169, 37.49, -84.561
Binary	01010011, 00111100, 11000101

#533cc5
```
#533cc5 rgb(83,60,197)
```
#aec53c
```
#aec53c rgb(174,197,60)
```

Complementary Color

#3c6ac5
```
#3c6ac5 rgb(60,106,197)
```
#533cc5
```
#533cc5 rgb(83,60,197)
```
#983cc5
```
#983cc5 rgb(152,60,197)
```

Analogous Color

#6ac53c
```
#6ac53c rgb(106,197,60)
```
#533cc5
```
#533cc5 rgb(83,60,197)
```
#c5983c
```
#c5983c rgb(197,152,60)
```

Split Complementary Color

#3cc553
```
#3cc553 rgb(60,197,83)
```
#533cc5
```
#533cc5 rgb(83,60,197)
```
#c5533c
```
#c5533c rgb(197,83,60)
```

Triadic Color

#3caec5
```
#3caec5 rgb(60,174,197)
```
#533cc5
```
#533cc5 rgb(83,60,197)
```
#c5533c
```
#c5533c rgb(197,83,60)
```
#aec53c
```
#aec53c rgb(174,197,60)
```

Tetradic Color

#3a298b
```
#3a298b rgb(58,41,139)
```
#422f9f
```
#422f9f rgb(66,47,159)
```
#4a35b2
```
#4a35b2 rgb(74,53,178)
```
#533cc5
```
#533cc5 rgb(83,60,197)
```
#6450cb
```
#6450cb rgb(100,80,203)
```
#7663d1
```
#7663d1 rgb(118,99,209)
```
#8777d7
```
#8777d7 rgb(135,119,215)
```

Monochromatic Color

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

#3c47c5
```
#3c47c5 rgb(60,71,197)
```
#3c3cc5
```
#3c3cc5 rgb(60,60,197)
```
#483cc5
```
#483cc5 rgb(72,60,197)
```
#533cc5
```
#533cc5 rgb(83,60,197)
```
#5e3cc5
```
#5e3cc5 rgb(94,60,197)
```
#6a3cc5
```
#6a3cc5 rgb(106,60,197)
```
#753cc5
```
#753cc5 rgb(117,60,197)
```

Similar Colors

Text with hexadecimal color #533cc5

This text has a font color of #533cc5.

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

#533cc5 background color

This paragraph has a background color of #533cc5.

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

#533cc5 border color

This element has a border color of #533cc5.

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

CSS codes

.text {color:#533cc5;}

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

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

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 #f3f1fb is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#070511
```
#070511 rgb(7,5,17)
```
#0d0920
```
#0d0920 rgb(13,9,32)
```
#130e2f
```
#130e2f rgb(19,14,47)
```
#1a123e
```
#1a123e rgb(26,18,62)
```
#20174d
```
#20174d rgb(32,23,77)
```
#261b5c
```
#261b5c rgb(38,27,92)
```
#2d206b
```
#2d206b rgb(45,32,107)
```
#33247a
```
#33247a rgb(51,36,122)
```
#39298a
```
#39298a rgb(57,41,138)
```
#3f2d99
```
#3f2d99 rgb(63,45,153)
```
#4632a8
```
#4632a8 rgb(70,50,168)
```
#4c36b7
```
#4c36b7 rgb(76,54,183)
```

Shade Color Variation

#533cc5
```
#533cc5 rgb(83,60,197)
```
#604bc9
```
#604bc9 rgb(96,75,201)
```
#6e5ace
```
#6e5ace rgb(110,90,206)
```
#7b69d2
```
#7b69d2 rgb(123,105,210)
```
#8878d7
```
#8878d7 rgb(136,120,215)
```
#9688db
```
#9688db rgb(150,136,219)
```
#a397e0
```
#a397e0 rgb(163,151,224)
```
#b0a6e4
```
#b0a6e4 rgb(176,166,228)
```
#beb5e9
```
#beb5e9 rgb(190,181,233)
```
#cbc4ed
```
#cbc4ed rgb(203,196,237)
```
#d8d3f2
```
#d8d3f2 rgb(216,211,242)
```
#e6e2f6
```
#e6e2f6 rgb(230,226,246)
```
#f3f1fb
```
#f3f1fb rgb(243,241,251)
```

Tint Color Variation

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

#808081
```
#808081 rgb(128,128,129)
```
#7a768b
```
#7a768b rgb(122,118,139)
```
#736d94
```
#736d94 rgb(115,109,148)
```
#6d639e
```
#6d639e rgb(109,99,158)
```
#6659a8
```
#6659a8 rgb(102,89,168)
```
#604fb2
```
#604fb2 rgb(96,79,178)
```
#5946bb
```
#5946bb rgb(89,70,187)
```
#533cc5
```
#533cc5 rgb(83,60,197)
```
#4d32cf
```
#4d32cf rgb(77,50,207)
```
#4629d8
```
#4629d8 rgb(70,41,216)
```
#401fe2
```
#401fe2 rgb(64,31,226)
```
#3915ec
```
#3915ec rgb(57,21,236)
```
#330bf6
```
#330bf6 rgb(51,11,246)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#524e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#00609b Deuteranopia 1% of men
#27656d Tritanopia 0.001% of the population

Trichromacy

#1e4fb8 Protanomaly 1% of men, 0.01% of women
#1e53aa Deuteranomaly 6% of men, 0.4% of women
#37568d Tritanomaly 0.01% of the population

#533cc5 hex color

#533cc5 Color Information

#533cc5 Color Conversion

Color Schemes with #533cc5

Alternatives to #533cc5

#533cc5 Preview

Shades and Tints of #533cc5

Tones of #533cc5

Color Blindness Simulator