#535caa hex color

In a RGB color space, hex #535caa is composed of 32.5% red, 36.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 45.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 233.8 degrees, a saturation of 34.4% and a lightness of 49.6%. #535caa color hex could be obtained by blending #a6b8ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 36
- B 67
RGB color chart
- C 51
- M 46
- Y 0
- K 33
CMYK color chart

● #535caa color description : Dark moderate blue.

The hexadecimal color #535caa has RGB values of R:83, G:92, B:170 and CMYK values of C:0.51, M:0.46, Y:0, K:0.33. Its decimal value is 5463210.

Hex triplet	535caa	`#535caa`
RGB Decimal	83, 92, 170	`rgb(83,92,170)`
RGB Percent	32.5, 36.1, 66.7	`rgb(32.5%,36.1%,66.7%)`
CMYK	51, 46, 0, 33
HSL	233.8°, 34.4, 49.6	`hsl(233.8,34.4%,49.6%)`
HSV (or HSB)	233.8°, 51.2, 66.7
Web Safe	666699	`#666699`

CIE-LAB	41.837, 18.777, -43.1
XYZ	14.649, 12.395, 39.649
xyY	0.22, 0.186, 12.395
CIE-LCH	41.837, 47.012, 293.541
CIE-LUV	41.837, -7.863, -64.832
Hunter-Lab	35.207, 12.658, -42.126
Binary	01010011, 01011100, 10101010

#535caa
```
#535caa rgb(83,92,170)
```
#aaa153
```
#aaa153 rgb(170,161,83)
```

Complementary Color

#5388aa
```
#5388aa rgb(83,136,170)
```
#535caa
```
#535caa rgb(83,92,170)
```
#7653aa
```
#7653aa rgb(118,83,170)
```

Analogous Color

#88aa53
```
#88aa53 rgb(136,170,83)
```
#535caa
```
#535caa rgb(83,92,170)
```
#aa7653
```
#aa7653 rgb(170,118,83)
```

Split Complementary Color

#5caa53
```
#5caa53 rgb(92,170,83)
```
#535caa
```
#535caa rgb(83,92,170)
```
#aa535c
```
#aa535c rgb(170,83,92)
```

Triadic Color

#53aaa1
```
#53aaa1 rgb(83,170,161)
```
#535caa
```
#535caa rgb(83,92,170)
```
#aa535c
```
#aa535c rgb(170,83,92)
```
#aaa153
```
#aaa153 rgb(170,161,83)
```

Tetradic Color

#3a4077
```
#3a4077 rgb(58,64,119)
```
#424988
```
#424988 rgb(66,73,136)
```
#4b5399
```
#4b5399 rgb(75,83,153)
```
#535caa
```
#535caa rgb(83,92,170)
```
#636cb3
```
#636cb3 rgb(99,108,179)
```
#757cbb
```
#757cbb rgb(117,124,187)
```
#868cc4
```
#868cc4 rgb(134,140,196)
```

Monochromatic Color

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

#5372aa
```
#5372aa rgb(83,114,170)
```
#536baa
```
#536baa rgb(83,107,170)
```
#5363aa
```
#5363aa rgb(83,99,170)
```
#535caa
```
#535caa rgb(83,92,170)
```
#5355aa
```
#5355aa rgb(83,85,170)
```
#5953aa
```
#5953aa rgb(89,83,170)
```
#6053aa
```
#6053aa rgb(96,83,170)
```

Similar Colors

Text with hexadecimal color #535caa

This text has a font color of #535caa.

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

#535caa background color

This paragraph has a background color of #535caa.

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

#535caa border color

This element has a border color of #535caa.

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

CSS codes

.text {color:#535caa;}

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

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

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, #06060c is the darkest color, while #fefefe is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0c0e19
```
#0c0e19 rgb(12,14,25)
```
#131526
```
#131526 rgb(19,21,38)
```
#191c33
```
#191c33 rgb(25,28,51)
```
#202341
```
#202341 rgb(32,35,65)
```
#262a4e
```
#262a4e rgb(38,42,78)
```
#2c315b
```
#2c315b rgb(44,49,91)
```
#333868
```
#333868 rgb(51,56,104)
```
#393f75
```
#393f75 rgb(57,63,117)
```
#404782
```
#404782 rgb(64,71,130)
```
#464e90
```
#464e90 rgb(70,78,144)
```
#4d559d
```
#4d559d rgb(77,85,157)
```
#535caa
```
#535caa rgb(83,92,170)
```

Shade Color Variation

#5f68b1
```
#5f68b1 rgb(95,104,177)
```
#6d74b8
```
#6d74b8 rgb(109,116,184)
```
#7a81be
```
#7a81be rgb(122,129,190)
```
#878dc4
```
#878dc4 rgb(135,141,196)
```
#949acb
```
#949acb rgb(148,154,203)
```
#a1a6d1
```
#a1a6d1 rgb(161,166,209)
```
#afb3d8
```
#afb3d8 rgb(175,179,216)
```
#bcbfde
```
#bcbfde rgb(188,191,222)
```
#c9cce5
```
#c9cce5 rgb(201,204,229)
```
#d6d8eb
```
#d6d8eb rgb(214,216,235)
```
#e3e5f1
```
#e3e5f1 rgb(227,229,241)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7b83 is the less saturated color, while #051ef8 is the most saturated one.

#7a7b83
```
#7a7b83 rgb(122,123,131)
```
#70738d
```
#70738d rgb(112,115,141)
```
#666b97
```
#666b97 rgb(102,107,151)
```
#5d64a0
```
#5d64a0 rgb(93,100,160)
```
#535caa
```
#535caa rgb(83,92,170)
```
#4954b4
```
#4954b4 rgb(73,84,180)
```
#404dbd
```
#404dbd rgb(64,77,189)
```
#3645c7
```
#3645c7 rgb(54,69,199)
```
#2c3dd1
```
#2c3dd1 rgb(44,61,209)
```
#2235db
```
#2235db rgb(34,53,219)
```
#192ee4
```
#192ee4 rgb(25,46,228)
```
#0f26ee
```
#0f26ee rgb(15,38,238)
```
#051ef8
```
#051ef8 rgb(5,30,248)
```

Tone Color Variation

Below, you can see how #535caa 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
#5f6170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4668b1 Protanopia 1% of men
#386bab Deuteranopia 1% of men
#467179 Tritanopia 0.001% of the population

Trichromacy

#4a63ae Protanomaly 1% of men, 0.01% of women
#4166aa Deuteranomaly 6% of men, 0.4% of women
#4a698b Tritanomaly 0.01% of the population

#535caa hex color

#535caa Color Information

#535caa Color Conversion

Color Schemes with #535caa

Alternatives to #535caa

#535caa Preview

Shades and Tints of #535caa

Tones of #535caa

Color Blindness Simulator