#533aaf hex color

In a RGB color space, hex #533aaf is composed of 32.5% red, 22.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 66.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 252.8 degrees, a saturation of 50.2% and a lightness of 45.7%. #533aaf color hex could be obtained by blending #a674ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 23
- B 69
RGB color chart
- C 53
- M 67
- Y 0
- K 31
CMYK color chart

● #533aaf color description : Dark moderate blue.

The hexadecimal color #533aaf has RGB values of R:83, G:58, B:175 and CMYK values of C:0.53, M:0.67, Y:0, K:0.31. Its decimal value is 5454511.

Hex triplet	533aaf	`#533aaf`
RGB Decimal	83, 58, 175	`rgb(83,58,175)`
RGB Percent	32.5, 22.7, 68.6	`rgb(32.5%,22.7%,68.6%)`
CMYK	53, 67, 0, 31
HSL	252.8°, 50.2, 45.7	`hsl(252.8,50.2%,45.7%)`
HSV (or HSB)	252.8°, 66.9, 68.6
Web Safe	663399	`#663399`

CIE-LAB	33.899, 41.316, -58.877
XYZ	12.817, 7.96, 41.416
xyY	0.206, 0.128, 7.96
CIE-LCH	33.899, 71.927, 305.059
CIE-LUV	33.899, 0.908, -83.291
Hunter-Lab	28.213, 31.716, -67.286
Binary	01010011, 00111010, 10101111

#533aaf
```
#533aaf rgb(83,58,175)
```
#96af3a
```
#96af3a rgb(150,175,58)
```

Complementary Color

#3a5caf
```
#3a5caf rgb(58,92,175)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#8e3aaf
```
#8e3aaf rgb(142,58,175)
```

Analogous Color

#5caf3a
```
#5caf3a rgb(92,175,58)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#af8e3a
```
#af8e3a rgb(175,142,58)
```

Split Complementary Color

#3aaf53
```
#3aaf53 rgb(58,175,83)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#af533a
```
#af533a rgb(175,83,58)
```

Triadic Color

#3a96af
```
#3a96af rgb(58,150,175)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#af533a
```
#af533a rgb(175,83,58)
```
#96af3a
```
#96af3a rgb(150,175,58)
```

Tetradic Color

#382776
```
#382776 rgb(56,39,118)
```
#412d89
```
#412d89 rgb(65,45,137)
```
#4a349c
```
#4a349c rgb(74,52,156)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#5d42c0
```
#5d42c0 rgb(93,66,192)
```
#6e55c7
```
#6e55c7 rgb(110,85,199)
```
#7e68cd
```
#7e68cd rgb(126,104,205)
```

Monochromatic Color

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

#3a3eaf
```
#3a3eaf rgb(58,62,175)
```
#3f3aaf
```
#3f3aaf rgb(63,58,175)
```
#493aaf
```
#493aaf rgb(73,58,175)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#5d3aaf
```
#5d3aaf rgb(93,58,175)
```
#673aaf
```
#673aaf rgb(103,58,175)
```
#703aaf
```
#703aaf rgb(112,58,175)
```

Similar Colors

Text with hexadecimal color #533aaf

This text has a font color of #533aaf.

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

#533aaf background color

This paragraph has a background color of #533aaf.

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

#533aaf border color

This element has a border color of #533aaf.

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

CSS codes

.text {color:#533aaf;}

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

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

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, #06040d is the darkest color, while #fdfdfe is the lightest one.

#06040d
```
#06040d rgb(6,4,13)
```
#0d091c
```
#0d091c rgb(13,9,28)
```
#140e2a
```
#140e2a rgb(20,14,42)
```
#1b1339
```
#1b1339 rgb(27,19,57)
```
#221848
```
#221848 rgb(34,24,72)
```
#291d57
```
#291d57 rgb(41,29,87)
```
#302265
```
#302265 rgb(48,34,101)
```
#372674
```
#372674 rgb(55,38,116)
```
#3e2b83
```
#3e2b83 rgb(62,43,131)
```
#453092
```
#453092 rgb(69,48,146)
```
#4c35a0
```
#4c35a0 rgb(76,53,160)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#5a3fbe
```
#5a3fbe rgb(90,63,190)
```

Shade Color Variation

#664cc4
```
#664cc4 rgb(102,76,196)
```
#735bc9
```
#735bc9 rgb(115,91,201)
```
#7f6ace
```
#7f6ace rgb(127,106,206)
```
#8c79d2
```
#8c79d2 rgb(140,121,210)
```
#9887d7
```
#9887d7 rgb(152,135,215)
```
#a596dc
```
#a596dc rgb(165,150,220)
```
#b2a5e1
```
#b2a5e1 rgb(178,165,225)
```
#beb4e6
```
#beb4e6 rgb(190,180,230)
```
#cbc2eb
```
#cbc2eb rgb(203,194,235)
```
#d8d1f0
```
#d8d1f0 rgb(216,209,240)
```
#e4e0f5
```
#e4e0f5 rgb(228,224,245)
```
#f1eefa
```
#f1eefa rgb(241,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#727079
```
#727079 rgb(114,112,121)
```
#6d6782
```
#6d6782 rgb(109,103,130)
```
#685e8b
```
#685e8b rgb(104,94,139)
```
#625594
```
#625594 rgb(98,85,148)
```
#5d4c9d
```
#5d4c9d rgb(93,76,157)
```
#5843a6
```
#5843a6 rgb(88,67,166)
```
#533aaf
```
#533aaf rgb(83,58,175)
```
#4e31b8
```
#4e31b8 rgb(78,49,184)
```
#4928c1
```
#4928c1 rgb(73,40,193)
```
#441fca
```
#441fca rgb(68,31,202)
```
#3e16d3
```
#3e16d3 rgb(62,22,211)
```
#390ddc
```
#390ddc rgb(57,13,220)
```
#3404e5
```
#3404e5 rgb(52,4,229)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#504b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005a93 Deuteranopia 1% of men
#3b5e64 Tritanopia 0.001% of the population

Trichromacy

#1e4baa Protanomaly 1% of men, 0.01% of women
#1e4e9d Deuteranomaly 6% of men, 0.4% of women
#43507f Tritanomaly 0.01% of the population

#533aaf hex color

#533aaf Color Information

#533aaf Color Conversion

Color Schemes with #533aaf

Alternatives to #533aaf

#533aaf Preview

Shades and Tints of #533aaf

Tones of #533aaf

Color Blindness Simulator