#535bdd hex color

In a RGB color space, hex #535bdd is composed of 32.5% red, 35.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 58.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 236.5 degrees, a saturation of 67% and a lightness of 59.6%. #535bdd color hex could be obtained by blending #a6b6ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 36
- B 87
RGB color chart
- C 62
- M 59
- Y 0
- K 13
CMYK color chart

● #535bdd color description : Soft blue.

The hexadecimal color #535bdd has RGB values of R:83, G:91, B:221 and CMYK values of C:0.62, M:0.59, Y:0, K:0.13. Its decimal value is 5463005.

Hex triplet	535bdd	`#535bdd`
RGB Decimal	83, 91, 221	`rgb(83,91,221)`
RGB Percent	32.5, 35.7, 86.7	`rgb(32.5%,35.7%,86.7%)`
CMYK	62, 59, 0, 13
HSL	236.5°, 67, 59.6	`hsl(236.5,67%,59.6%)`
HSV (or HSB)	236.5°, 62.4, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.998, 36.229, -67.556
XYZ	20.357, 14.541, 70.137
xyY	0.194, 0.138, 14.541
CIE-LCH	44.998, 76.658, 298.204
CIE-LUV	44.998, -9.615, -103.422
Hunter-Lab	38.132, 28.561, -82.36
Binary	01010011, 01011011, 11011101

#535bdd
```
#535bdd rgb(83,91,221)
```
#ddd553
```
#ddd553 rgb(221,213,83)
```

Complementary Color

#53a0dd
```
#53a0dd rgb(83,160,221)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#9053dd
```
#9053dd rgb(144,83,221)
```

Analogous Color

#a0dd53
```
#a0dd53 rgb(160,221,83)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#dd9053
```
#dd9053 rgb(221,144,83)
```

Split Complementary Color

#5bdd53
```
#5bdd53 rgb(91,221,83)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#dd535b
```
#dd535b rgb(221,83,91)
```

Triadic Color

#53ddd5
```
#53ddd5 rgb(83,221,213)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#dd535b
```
#dd535b rgb(221,83,91)
```
#ddd553
```
#ddd553 rgb(221,213,83)
```

Tetradic Color

#262ebe
```
#262ebe rgb(38,46,190)
```
#2a34d3
```
#2a34d3 rgb(42,52,211)
```
#3e47d9
```
#3e47d9 rgb(62,71,217)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#686fe1
```
#686fe1 rgb(104,111,225)
```
#7e84e5
```
#7e84e5 rgb(126,132,229)
```
#9398ea
```
#9398ea rgb(147,152,234)
```

Monochromatic Color

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

#537edd
```
#537edd rgb(83,126,221)
```
#5372dd
```
#5372dd rgb(83,114,221)
```
#5367dd
```
#5367dd rgb(83,103,221)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#5653dd
```
#5653dd rgb(86,83,221)
```
#6253dd
```
#6253dd rgb(98,83,221)
```
#6e53dd
```
#6e53dd rgb(110,83,221)
```

Similar Colors

Text with hexadecimal color #535bdd

This text has a font color of #535bdd.

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

#535bdd background color

This paragraph has a background color of #535bdd.

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

#535bdd border color

This element has a border color of #535bdd.

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

CSS codes

.text {color:#535bdd;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#050619
```
#050619 rgb(5,6,25)
```
#080a29
```
#080a29 rgb(8,10,41)
```
#0b0e39
```
#0b0e39 rgb(11,14,57)
```
#0f124a
```
#0f124a rgb(15,18,74)
```
#12165a
```
#12165a rgb(18,22,90)
```
#151a6a
```
#151a6a rgb(21,26,106)
```
#181e7b
```
#181e7b rgb(24,30,123)
```
#1c228b
```
#1c228b rgb(28,34,139)
```
#1f269c
```
#1f269c rgb(31,38,156)
```
#222aac
```
#222aac rgb(34,42,172)
```
#252ebc
```
#252ebc rgb(37,46,188)
```
#2832cd
```
#2832cd rgb(40,50,205)
```

Shade Color Variation

#323cd7
```
#323cd7 rgb(50,60,215)
```
#434bda
```
#434bda rgb(67,75,218)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#636be0
```
#636be0 rgb(99,107,224)
```
#747ae3
```
#747ae3 rgb(116,122,227)
```
#848ae7
```
#848ae7 rgb(132,138,231)
```
#9599ea
```
#9599ea rgb(149,153,234)
```
#a5a9ed
```
#a5a9ed rgb(165,169,237)
```
#b5b9f0
```
#b5b9f0 rgb(181,185,240)
```
#c6c8f4
```
#c6c8f4 rgb(198,200,244)
```
#d6d8f7
```
#d6d8f7 rgb(214,216,247)
```
#e6e8fa
```
#e6e8fa rgb(230,232,250)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92939e is the less saturated color, while #333ffd is the most saturated one.

#92939e
```
#92939e rgb(146,147,158)
```
#8a8ca6
```
#8a8ca6 rgb(138,140,166)
```
#8385ad
```
#8385ad rgb(131,133,173)
```
#7b7eb5
```
#7b7eb5 rgb(123,126,181)
```
#7377bd
```
#7377bd rgb(115,119,189)
```
#6b70c5
```
#6b70c5 rgb(107,112,197)
```
#6369cd
```
#6369cd rgb(99,105,205)
```
#5b62d5
```
#5b62d5 rgb(91,98,213)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#4b54e5
```
#4b54e5 rgb(75,84,229)
```
#434ded
```
#434ded rgb(67,77,237)
```
#3b46f5
```
#3b46f5 rgb(59,70,245)
```
#333ffd
```
#333ffd rgb(51,63,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#63657f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074be Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#1e67da Protanomaly 1% of men, 0.01% of women
#1e6bc9 Deuteranomaly 6% of men, 0.4% of women
#1e70a5 Tritanomaly 0.01% of the population

#535bdd hex color

#535bdd Color Information

#535bdd Color Conversion

Color Schemes with #535bdd

Alternatives to #535bdd

#535bdd Preview

Shades and Tints of #535bdd

Tones of #535bdd

Color Blindness Simulator