#535ac5 hex color

In a RGB color space, hex #535ac5 is composed of 32.5% red, 35.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 54.3% magenta, 0% yellow and 22.7% black. It has a hue angle of 236.3 degrees, a saturation of 49.6% and a lightness of 54.9%. #535ac5 color hex could be obtained by blending #a6b4ff with #00008b. Closest websafe color is: #6666cc.

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

● #535ac5 color description : Moderate blue.

The hexadecimal color #535ac5 has RGB values of R:83, G:90, B:197 and CMYK values of C:0.58, M:0.54, Y:0, K:0.23. Its decimal value is 5462725.

Hex triplet	535ac5	`#535ac5`
RGB Decimal	83, 90, 197	`rgb(83,90,197)`
RGB Percent	32.5, 35.3, 77.3	`rgb(32.5%,35.3%,77.3%)`
CMYK	58, 54, 0, 23
HSL	236.3°, 49.6, 54.9	`hsl(236.3,49.6%,54.9%)`
HSV (or HSB)	236.3°, 57.9, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.036, 28.892, -56.965
XYZ	17.299, 13.182, 54.453
xyY	0.204, 0.155, 13.182
CIE-LCH	43.036, 63.873, 296.894
CIE-LUV	43.036, -8.371, -86.608
Hunter-Lab	36.307, 21.515, -63.509
Binary	01010011, 01011010, 11000101

#535ac5
```
#535ac5 rgb(83,90,197)
```
#c5be53
```
#c5be53 rgb(197,190,83)
```

Complementary Color

#5393c5
```
#5393c5 rgb(83,147,197)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#8553c5
```
#8553c5 rgb(133,83,197)
```

Analogous Color

#93c553
```
#93c553 rgb(147,197,83)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#c58553
```
#c58553 rgb(197,133,83)
```

Split Complementary Color

#5ac553
```
#5ac553 rgb(90,197,83)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#c5535a
```
#c5535a rgb(197,83,90)
```

Triadic Color

#53c5be
```
#53c5be rgb(83,197,190)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#c5535a
```
#c5535a rgb(197,83,90)
```
#c5be53
```
#c5be53 rgb(197,190,83)
```

Tetradic Color

#333a98
```
#333a98 rgb(51,58,152)
```
#3a41ab
```
#3a41ab rgb(58,65,171)
```
#4048be
```
#4048be rgb(64,72,190)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#666ccb
```
#666ccb rgb(102,108,203)
```
#797fd2
```
#797fd2 rgb(121,127,210)
```
#8c91d8
```
#8c91d8 rgb(140,145,216)
```

Monochromatic Color

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

#5377c5
```
#5377c5 rgb(83,119,197)
```
#536dc5
```
#536dc5 rgb(83,109,197)
```
#5363c5
```
#5363c5 rgb(83,99,197)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#5653c5
```
#5653c5 rgb(86,83,197)
```
#5f53c5
```
#5f53c5 rgb(95,83,197)
```
#6953c5
```
#6953c5 rgb(105,83,197)
```

Similar Colors

Text with hexadecimal color #535ac5

This text has a font color of #535ac5.

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

#535ac5 background color

This paragraph has a background color of #535ac5.

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

#535ac5 border color

This element has a border color of #535ac5.

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

CSS codes

.text {color:#535ac5;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060713
```
#060713 rgb(6,7,19)
```
#0b0d21
```
#0b0d21 rgb(11,13,33)
```
#101230
```
#101230 rgb(16,18,48)
```
#15183f
```
#15183f rgb(21,24,63)
```
#1a1d4d
```
#1a1d4d rgb(26,29,77)
```
#1f235c
```
#1f235c rgb(31,35,92)
```
#24286b
```
#24286b rgb(36,40,107)
```
#292e79
```
#292e79 rgb(41,46,121)
```
#2e3388
```
#2e3388 rgb(46,51,136)
```
#333997
```
#333997 rgb(51,57,151)
```
#383fa5
```
#383fa5 rgb(56,63,165)
```
#3d44b4
```
#3d44b4 rgb(61,68,180)
```

Shade Color Variation

#444cc0
```
#444cc0 rgb(68,76,192)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#6268ca
```
#6268ca rgb(98,104,202)
```
#7076cf
```
#7076cf rgb(112,118,207)
```
#7f84d4
```
#7f84d4 rgb(127,132,212)
```
#8e92d9
```
#8e92d9 rgb(142,146,217)
```
#9ca0de
```
#9ca0de rgb(156,160,222)
```
#abaee3
```
#abaee3 rgb(171,174,227)
```
#babde8
```
#babde8 rgb(186,189,232)
```
#c8cbed
```
#c8cbed rgb(200,203,237)
```
#d7d9f2
```
#d7d9f2 rgb(215,217,242)
```
#e6e7f6
```
#e6e7f6 rgb(230,231,246)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

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

#888990
```
#888990 rgb(136,137,144)
```
#7f8199
```
#7f8199 rgb(127,129,153)
```
#7679a2
```
#7679a2 rgb(118,121,162)
```
#6e71aa
```
#6e71aa rgb(110,113,170)
```
#656ab3
```
#656ab3 rgb(101,106,179)
```
#5c62bc
```
#5c62bc rgb(92,98,188)
```
#535ac5
```
#535ac5 rgb(83,90,197)
```
#4a52ce
```
#4a52ce rgb(74,82,206)
```
#414ad7
```
#414ad7 rgb(65,74,215)
```
#3843e0
```
#3843e0 rgb(56,67,224)
```
#303be8
```
#303be8 rgb(48,59,232)
```
#2733f1
```
#2733f1 rgb(39,51,241)
```
#1e2bfa
```
#1e2bfa rgb(30,43,250)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#166acf Protanopia 1% of men
#006fb8 Deuteranopia 1% of men
#33767f Tritanopia 0.001% of the population

Trichromacy

#2c64cb Protanomaly 1% of men, 0.01% of women
#1e67bc Deuteranomaly 6% of men, 0.4% of women
#3e6c98 Tritanomaly 0.01% of the population

#535ac5 hex color

#535ac5 Color Information

#535ac5 Color Conversion

Color Schemes with #535ac5

Alternatives to #535ac5

#535ac5 Preview

Shades and Tints of #535ac5

Tones of #535ac5

Color Blindness Simulator