#535ab6 hex color

In a RGB color space, hex #535ab6 is composed of 32.5% red, 35.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 50.5% magenta, 0% yellow and 28.6% black. It has a hue angle of 235.8 degrees, a saturation of 40.4% and a lightness of 52%. #535ab6 color hex could be obtained by blending #a6b4ff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 35
- B 71
RGB color chart
- C 54
- M 51
- Y 0
- K 29
CMYK color chart

● #535ab6 color description : Moderate blue.

The hexadecimal color #535ab6 has RGB values of R:83, G:90, B:182 and CMYK values of C:0.54, M:0.51, Y:0, K:0.29. Its decimal value is 5462710.

Hex triplet	535ab6	`#535ab6`
RGB Decimal	83, 90, 182	`rgb(83,90,182)`
RGB Percent	32.5, 35.3, 71.4	`rgb(32.5%,35.3%,71.4%)`
CMYK	54, 51, 0, 29
HSL	235.8°, 40.4, 52	`hsl(235.8,40.4%,52%)`
HSV (or HSB)	235.8°, 54.4, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.043, 23.951, -49.828
XYZ	15.665, 12.528, 45.846
xyY	0.212, 0.169, 12.528
CIE-LCH	42.043, 55.286, 295.672
CIE-LUV	42.043, -7.734, -75.319
Hunter-Lab	35.395, 17.06, -52.02
Binary	01010011, 01011010, 10110110

#535ab6
```
#535ab6 rgb(83,90,182)
```
#b6af53
```
#b6af53 rgb(182,175,83)
```

Complementary Color

#538cb6
```
#538cb6 rgb(83,140,182)
```
#535ab6
```
#535ab6 rgb(83,90,182)
```
#7e53b6
```
#7e53b6 rgb(126,83,182)
```

Analogous Color

#8cb653
```
#8cb653 rgb(140,182,83)
```
#535ab6
```
#535ab6 rgb(83,90,182)
```
#b67e53
```
#b67e53 rgb(182,126,83)
```

Split Complementary Color

#5ab653
```
#5ab653 rgb(90,182,83)
```
#535ab6
```
#535ab6 rgb(83,90,182)
```
#b6535a
```
#b6535a rgb(182,83,90)
```

Triadic Color

#53b6af
```
#53b6af rgb(83,182,175)
```
#535ab6
```
#535ab6 rgb(83,90,182)
```
#b6535a
```
#b6535a rgb(182,83,90)
```
#b6af53
```
#b6af53 rgb(182,175,83)
```

Tetradic Color

#383e84
```
#383e84 rgb(56,62,132)
```
#404696
```
#404696 rgb(64,70,150)
```
#474ea8
```
#474ea8 rgb(71,78,168)
```
#535ab6
```
#535ab6 rgb(83,90,182)
```
#656bbe
```
#656bbe rgb(101,107,190)
```
#777cc5
```
#777cc5 rgb(119,124,197)
```
#898ecd
```
#898ecd rgb(137,142,205)
```

Monochromatic Color

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

#5373b6
```
#5373b6 rgb(83,115,182)
```
#536bb6
```
#536bb6 rgb(83,107,182)
```
#5362b6
```
#5362b6 rgb(83,98,182)
```
#535ab6
```
#535ab6 rgb(83,90,182)
```
#5453b6
```
#5453b6 rgb(84,83,182)
```
#5c53b6
```
#5c53b6 rgb(92,83,182)
```
#6553b6
```
#6553b6 rgb(101,83,182)
```

Similar Colors

Text with hexadecimal color #535ab6

This text has a font color of #535ab6.

<span style="color:#535ab6;">Text here</span>

#535ab6 background color

This paragraph has a background color of #535ab6.

<p style="background-color:#535ab6;">Content here</p>

#535ab6 border color

This element has a border color of #535ab6.

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

CSS codes

.text {color:#535ab6;}

.background {background-color:#535ab6;}

.border {border:1px solid #535ab6;}

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

#030307
```
#030307 rgb(3,3,7)
```
#090a15
```
#090a15 rgb(9,10,21)
```
#0f1023
```
#0f1023 rgb(15,16,35)
```
#151630
```
#151630 rgb(21,22,48)
```
#1a1d3e
```
#1a1d3e rgb(26,29,62)
```
#20234c
```
#20234c rgb(32,35,76)
```
#262a5a
```
#262a5a rgb(38,42,90)
```
#2c3067
```
#2c3067 rgb(44,48,103)
```
#323775
```
#323775 rgb(50,55,117)
```
#383d83
```
#383d83 rgb(56,61,131)
```
#3d4391
```
#3d4391 rgb(61,67,145)
```
#434a9e
```
#434a9e rgb(67,74,158)
```
#4950ac
```
#4950ac rgb(73,80,172)
```

Shade Color Variation

#535ab6
```
#535ab6 rgb(83,90,182)
```
#6167bc
```
#6167bc rgb(97,103,188)
```
#6f74c2
```
#6f74c2 rgb(111,116,194)
```
#7c82c8
```
#7c82c8 rgb(124,130,200)
```
#8a8fcd
```
#8a8fcd rgb(138,143,205)
```
#989cd3
```
#989cd3 rgb(152,156,211)
```
#a6a9d9
```
#a6a9d9 rgb(166,169,217)
```
#b3b6df
```
#b3b6df rgb(179,182,223)
```
#c1c4e5
```
#c1c4e5 rgb(193,196,229)
```
#cfd1eb
```
#cfd1eb rgb(207,209,235)
```
#dddef0
```
#dddef0 rgb(221,222,240)
```
#eaebf6
```
#eaebf6 rgb(234,235,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#828287
```
#828287 rgb(130,130,135)
```
#797a90
```
#797a90 rgb(121,122,144)
```
#6f729a
```
#6f729a rgb(111,114,154)
```
#666aa3
```
#666aa3 rgb(102,106,163)
```
#5c62ad
```
#5c62ad rgb(92,98,173)
```
#535ab6
```
#535ab6 rgb(83,90,182)
```
#4a52bf
```
#4a52bf rgb(74,82,191)
```
#404ac9
```
#404ac9 rgb(64,74,201)
```
#3742d2
```
#3742d2 rgb(55,66,210)
```
#2d3adc
```
#2d3adc rgb(45,58,220)
```
#2432e5
```
#2432e5 rgb(36,50,229)
```
#1a29ef
```
#1a29ef rgb(26,41,239)
```
#1121f8
```
#1121f8 rgb(17,33,248)
```

Tone Color Variation

Below, you can see how #535ab6 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

#626262 Achromatopsia 0.005% of the population
#5f6073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3668be Protanopia 1% of men
#126cb5 Deuteranopia 1% of men
#3f727b Tritanopia 0.001% of the population

Trichromacy

#4063bb Protanomaly 1% of men, 0.01% of women
#2966b5 Deuteranomaly 6% of men, 0.4% of women
#466990 Tritanomaly 0.01% of the population

#535ab6 hex color

#535ab6 Color Information

#535ab6 Color Conversion

Color Schemes with #535ab6

Alternatives to #535ab6

#535ab6 Preview

Shades and Tints of #535ab6

Tones of #535ab6

Color Blindness Simulator