#535ad5 hex color

In a RGB color space, hex #535ad5 is composed of 32.5% red, 35.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 57.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 236.8 degrees, a saturation of 60.7% and a lightness of 58%. #535ad5 color hex could be obtained by blending #a6b4ff with #0000ab. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 35
- B 84
RGB color chart
- C 61
- M 58
- Y 0
- K 16
CMYK color chart

● #535ad5 color description : Moderate blue.

The hexadecimal color #535ad5 has RGB values of R:83, G:90, B:213 and CMYK values of C:0.61, M:0.58, Y:0, K:0.16. Its decimal value is 5462741.

Hex triplet	535ad5	`#535ad5`
RGB Decimal	83, 90, 213	`rgb(83,90,213)`
RGB Percent	32.5, 35.3, 83.5	`rgb(32.5%,35.3%,83.5%)`
CMYK	61, 58, 0, 16
HSL	236.8°, 60.7, 58	`hsl(236.8,60.7%,58%)`
HSV (or HSB)	236.8°, 61, 83.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.168, 34.192, -64.342
XYZ	19.231, 13.955, 64.627
xyY	0.197, 0.143, 13.955
CIE-LCH	44.168, 72.863, 297.986
CIE-LUV	44.168, -9.037, -98.203
Hunter-Lab	37.356, 26.522, -76.425
Binary	01010011, 01011010, 11010101

#535ad5
```
#535ad5 rgb(83,90,213)
```
#d5ce53
```
#d5ce53 rgb(213,206,83)
```

Complementary Color

#539bd5
```
#539bd5 rgb(83,155,213)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#8d53d5
```
#8d53d5 rgb(141,83,213)
```

Analogous Color

#9bd553
```
#9bd553 rgb(155,213,83)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#d58d53
```
#d58d53 rgb(213,141,83)
```

Split Complementary Color

#5ad553
```
#5ad553 rgb(90,213,83)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#d5535a
```
#d5535a rgb(213,83,90)
```

Triadic Color

#53d5ce
```
#53d5ce rgb(83,213,206)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#d5535a
```
#d5535a rgb(213,83,90)
```
#d5ce53
```
#d5ce53 rgb(213,206,83)
```

Tetradic Color

#2b32b0
```
#2b32b0 rgb(43,50,176)
```
#3038c5
```
#3038c5 rgb(48,56,197)
```
#3f46d0
```
#3f46d0 rgb(63,70,208)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#676eda
```
#676eda rgb(103,110,218)
```
#7c81df
```
#7c81df rgb(124,129,223)
```
#9095e4
```
#9095e4 rgb(144,149,228)
```

Monochromatic Color

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

#537bd5
```
#537bd5 rgb(83,123,213)
```
#5370d5
```
#5370d5 rgb(83,112,213)
```
#5365d5
```
#5365d5 rgb(83,101,213)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#5753d5
```
#5753d5 rgb(87,83,213)
```
#6253d5
```
#6253d5 rgb(98,83,213)
```
#6d53d5
```
#6d53d5 rgb(109,83,213)
```

Similar Colors

Text with hexadecimal color #535ad5

This text has a font color of #535ad5.

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

#535ad5 background color

This paragraph has a background color of #535ad5.

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

#535ad5 border color

This element has a border color of #535ad5.

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

CSS codes

.text {color:#535ad5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040511
```
#040511 rgb(4,5,17)
```
#080921
```
#080921 rgb(8,9,33)
```
#0c0e31
```
#0c0e31 rgb(12,14,49)
```
#101240
```
#101240 rgb(16,18,64)
```
#141750
```
#141750 rgb(20,23,80)
```
#171b60
```
#171b60 rgb(23,27,96)
```
#1b2070
```
#1b2070 rgb(27,32,112)
```
#1f2480
```
#1f2480 rgb(31,36,128)
```
#23298f
```
#23298f rgb(35,41,143)
```
#272d9f
```
#272d9f rgb(39,45,159)
```
#2b32af
```
#2b32af rgb(43,50,175)
```
#2f36bf
```
#2f36bf rgb(47,54,191)
```

Shade Color Variation

#333ccd
```
#333ccd rgb(51,60,205)
```
#434bd1
```
#434bd1 rgb(67,75,209)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#6369d9
```
#6369d9 rgb(99,105,217)
```
#7378dd
```
#7378dd rgb(115,120,221)
```
#8287e1
```
#8287e1 rgb(130,135,225)
```
#9296e4
```
#9296e4 rgb(146,150,228)
```
#a2a6e8
```
#a2a6e8 rgb(162,166,232)
```
#b2b5ec
```
#b2b5ec rgb(178,181,236)
```
#c1c4f0
```
#c1c4f0 rgb(193,196,240)
```
#d1d3f4
```
#d1d3f4 rgb(209,211,244)
```
#e1e2f8
```
#e1e2f8 rgb(225,226,248)
```
#f1f1fb
```
#f1f1fb rgb(241,241,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d9b is the less saturated color, while #2a35fe is the most saturated one.

#8d8d9b
```
#8d8d9b rgb(141,141,155)
```
#8486a4
```
#8486a4 rgb(132,134,164)
```
#7c7fac
```
#7c7fac rgb(124,127,172)
```
#7477b4
```
#7477b4 rgb(116,119,180)
```
#6c70bc
```
#6c70bc rgb(108,112,188)
```
#6369c5
```
#6369c5 rgb(99,105,197)
```
#5b61cd
```
#5b61cd rgb(91,97,205)
```
#535ad5
```
#535ad5 rgb(83,90,213)
```
#4b53dd
```
#4b53dd rgb(75,83,221)
```
#434be5
```
#434be5 rgb(67,75,229)
```
#3a44ee
```
#3a44ee rgb(58,68,238)
```
#323df6
```
#323df6 rgb(50,61,246)
```
#2a35fe
```
#2a35fe rgb(42,53,254)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62647c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#1d7a83 Tritanopia 0.001% of the population

Trichromacy

#1e65d5 Protanomaly 1% of men, 0.01% of women
#1e69c4 Deuteranomaly 6% of men, 0.4% of women
#306ea1 Tritanomaly 0.01% of the population

#535ad5 hex color

#535ad5 Color Information

#535ad5 Color Conversion

Color Schemes with #535ad5

Alternatives to #535ad5

#535ad5 Preview

Shades and Tints of #535ad5

Tones of #535ad5

Color Blindness Simulator