#533fcc hex color

In a RGB color space, hex #533fcc is composed of 32.5% red, 24.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 69.1% magenta, 0% yellow and 20% black. It has a hue angle of 248.5 degrees, a saturation of 58% and a lightness of 52.4%. #533fcc color hex could be obtained by blending #a67eff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 25
- B 80
RGB color chart
- C 59
- M 69
- Y 0
- K 20
CMYK color chart

● #533fcc color description : Moderate blue.

The hexadecimal color #533fcc has RGB values of R:83, G:63, B:204 and CMYK values of C:0.59, M:0.69, Y:0, K:0.2. Its decimal value is 5455820.

Hex triplet	533fcc	`#533fcc`
RGB Decimal	83, 63, 204	`rgb(83,63,204)`
RGB Percent	32.5, 24.7, 80	`rgb(32.5%,24.7%,80%)`
CMYK	59, 69, 0, 20
HSL	248.5°, 58, 52.4	`hsl(248.5,58%,52.4%)`
HSV (or HSB)	248.5°, 69.1, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.396, 47.308, -70.204
XYZ	16.242, 9.753, 58.15
xyY	0.193, 0.116, 9.753
CIE-LCH	37.396, 84.656, 303.974
CIE-LUV	37.396, -2.456, -101.049
Hunter-Lab	31.23, 38.181, -88.537
Binary	01010011, 00111111, 11001100

#533fcc
```
#533fcc rgb(83,63,204)
```
#b8cc3f
```
#b8cc3f rgb(184,204,63)
```

Complementary Color

#3f72cc
```
#3f72cc rgb(63,114,204)
```
#533fcc
```
#533fcc rgb(83,63,204)
```
#9a3fcc
```
#9a3fcc rgb(154,63,204)
```

Analogous Color

#72cc3f
```
#72cc3f rgb(114,204,63)
```
#533fcc
```
#533fcc rgb(83,63,204)
```
#cc9a3f
```
#cc9a3f rgb(204,154,63)
```

Split Complementary Color

#3fcc53
```
#3fcc53 rgb(63,204,83)
```
#533fcc
```
#533fcc rgb(83,63,204)
```
#cc533f
```
#cc533f rgb(204,83,63)
```

Triadic Color

#3fb8cc
```
#3fb8cc rgb(63,184,204)
```
#533fcc
```
#533fcc rgb(83,63,204)
```
#cc533f
```
#cc533f rgb(204,83,63)
```
#b8cc3f
```
#b8cc3f rgb(184,204,63)
```

Tetradic Color

#382897
```
#382897 rgb(56,40,151)
```
#3f2dab
```
#3f2dab rgb(63,45,171)
```
#4733bf
```
#4733bf rgb(71,51,191)
```
#533fcc
```
#533fcc rgb(83,63,204)
```
#6553d1
```
#6553d1 rgb(101,83,209)
```
#7767d7
```
#7767d7 rgb(119,103,215)
```
#897bdc
```
#897bdc rgb(137,123,220)
```

Monochromatic Color

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

#3f4ecc
```
#3f4ecc rgb(63,78,204)
```
#3f43cc
```
#3f43cc rgb(63,67,204)
```
#473fcc
```
#473fcc rgb(71,63,204)
```
#533fcc
```
#533fcc rgb(83,63,204)
```
#5f3fcc
```
#5f3fcc rgb(95,63,204)
```
#6b3fcc
```
#6b3fcc rgb(107,63,204)
```
#763fcc
```
#763fcc rgb(118,63,204)
```

Similar Colors

Text with hexadecimal color #533fcc

This text has a font color of #533fcc.

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

#533fcc background color

This paragraph has a background color of #533fcc.

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

#533fcc border color

This element has a border color of #533fcc.

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

CSS codes

.text {color:#533fcc;}

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

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

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

#040309
```
#040309 rgb(4,3,9)
```
#090719
```
#090719 rgb(9,7,25)
```
#0f0b28
```
#0f0b28 rgb(15,11,40)
```
#150f38
```
#150f38 rgb(21,15,56)
```
#1a1347
```
#1a1347 rgb(26,19,71)
```
#201757
```
#201757 rgb(32,23,87)
```
#261b66
```
#261b66 rgb(38,27,102)
```
#2c1f76
```
#2c1f76 rgb(44,31,118)
```
#312385
```
#312385 rgb(49,35,133)
```
#372895
```
#372895 rgb(55,40,149)
```
#3d2ca4
```
#3d2ca4 rgb(61,44,164)
```
#4330b4
```
#4330b4 rgb(67,48,180)
```
#4834c3
```
#4834c3 rgb(72,52,195)
```

Shade Color Variation

#533fcc
```
#533fcc rgb(83,63,204)
```
#614ed0
```
#614ed0 rgb(97,78,208)
```
#6f5ed4
```
#6f5ed4 rgb(111,94,212)
```
#7d6dd8
```
#7d6dd8 rgb(125,109,216)
```
#8b7ddc
```
#8b7ddc rgb(139,125,220)
```
#988ce1
```
#988ce1 rgb(152,140,225)
```
#a69ce5
```
#a69ce5 rgb(166,156,229)
```
#b4abe9
```
#b4abe9 rgb(180,171,233)
```
#c2bbed
```
#c2bbed rgb(194,187,237)
```
#d0caf1
```
#d0caf1 rgb(208,202,241)
```
#dedaf5
```
#dedaf5 rgb(222,218,245)
```
#ece9f9
```
#ece9f9 rgb(236,233,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82808b is the less saturated color, while #3210fb is the most saturated one.

#82808b
```
#82808b rgb(130,128,139)
```
#7b7794
```
#7b7794 rgb(123,119,148)
```
#746e9d
```
#746e9d rgb(116,110,157)
```
#6e64a7
```
#6e64a7 rgb(110,100,167)
```
#675bb0
```
#675bb0 rgb(103,91,176)
```
#6052b9
```
#6052b9 rgb(96,82,185)
```
#5a48c3
```
#5a48c3 rgb(90,72,195)
```
#533fcc
```
#533fcc rgb(83,63,204)
```
#4c36d5
```
#4c36d5 rgb(76,54,213)
```
#462cdf
```
#462cdf rgb(70,44,223)
```
#3f23e8
```
#3f23e8 rgb(63,35,232)
```
#381af1
```
#381af1 rgb(56,26,241)
```
#3210fb
```
#3210fb rgb(50,16,251)
```

Tone Color Variation

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

Dichromacy

#005db6 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#1d6971 Tritanopia 0.001% of the population

Trichromacy

#1e52be Protanomaly 1% of men, 0.01% of women
#1e55af Deuteranomaly 6% of men, 0.4% of women
#305a92 Tritanomaly 0.01% of the population

#533fcc hex color

#533fcc Color Information

#533fcc Color Conversion

Color Schemes with #533fcc

Alternatives to #533fcc

#533fcc Preview

Shades and Tints of #533fcc

Tones of #533fcc

Color Blindness Simulator