#536cda hex color

In a RGB color space, hex #536cda is composed of 32.5% red, 42.4% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 50.5% magenta, 0% yellow and 14.5% black. It has a hue angle of 228.9 degrees, a saturation of 64.6% and a lightness of 59%. #536cda color hex could be obtained by blending #a6d8ff with #0000b5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 85
RGB color chart
- C 62
- M 50
- Y 0
- K 15
CMYK color chart

● #536cda color description : Soft blue.

The hexadecimal color #536cda has RGB values of R:83, G:108, B:218 and CMYK values of C:0.62, M:0.5, Y:0, K:0.15. Its decimal value is 5467354.

Hex triplet	536cda	`#536cda`
RGB Decimal	83, 108, 218	`rgb(83,108,218)`
RGB Percent	32.5, 42.4, 85.5	`rgb(32.5%,42.4%,85.5%)`
CMYK	62, 50, 0, 15
HSL	228.9°, 64.6, 59	`hsl(228.9,64.6%,59%)`
HSV (or HSB)	228.9°, 61.9, 85.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.038, 24.703, -59.313
XYZ	21.582, 17.625, 68.59
xyY	0.2, 0.164, 17.625
CIE-LCH	49.038, 64.252, 292.611
CIE-LUV	49.038, -14.202, -92.915
Hunter-Lab	41.982, 18.295, -67.481
Binary	01010011, 01101100, 11011010

#536cda
```
#536cda rgb(83,108,218)
```
#dac153
```
#dac153 rgb(218,193,83)
```

Complementary Color

#53b0da
```
#53b0da rgb(83,176,218)
```
#536cda
```
#536cda rgb(83,108,218)
```
#7e53da
```
#7e53da rgb(126,83,218)
```

Analogous Color

#b0da53
```
#b0da53 rgb(176,218,83)
```
#536cda
```
#536cda rgb(83,108,218)
```
#da7e53
```
#da7e53 rgb(218,126,83)
```

Split Complementary Color

#6cda53
```
#6cda53 rgb(108,218,83)
```
#536cda
```
#536cda rgb(83,108,218)
```
#da536c
```
#da536c rgb(218,83,108)
```

Triadic Color

#53dac1
```
#53dac1 rgb(83,218,193)
```
#536cda
```
#536cda rgb(83,108,218)
```
#da536c
```
#da536c rgb(218,83,108)
```
#dac153
```
#dac153 rgb(218,193,83)
```

Tetradic Color

#2843b9
```
#2843b9 rgb(40,67,185)
```
#2c4ace
```
#2c4ace rgb(44,74,206)
```
#3e5ad5
```
#3e5ad5 rgb(62,90,213)
```
#536cda
```
#536cda rgb(83,108,218)
```
#687edf
```
#687edf rgb(104,126,223)
```
#7d90e3
```
#7d90e3 rgb(125,144,227)
```
#92a2e8
```
#92a2e8 rgb(146,162,232)
```

Monochromatic Color

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

#538eda
```
#538eda rgb(83,142,218)
```
#5383da
```
#5383da rgb(83,131,218)
```
#5377da
```
#5377da rgb(83,119,218)
```
#536cda
```
#536cda rgb(83,108,218)
```
#5361da
```
#5361da rgb(83,97,218)
```
#5356da
```
#5356da rgb(83,86,218)
```
#5c53da
```
#5c53da rgb(92,83,218)
```

Similar Colors

Text with hexadecimal color #536cda

This text has a font color of #536cda.

<span style="color:#536cda;">Text here</span>

#536cda background color

This paragraph has a background color of #536cda.

<p style="background-color:#536cda;">Content here</p>

#536cda border color

This element has a border color of #536cda.

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

CSS codes

.text {color:#536cda;}

.background {background-color:#536cda;}

.border {border:1px solid #536cda;}

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

#010206
```
#010206 rgb(1,2,6)
```
#050816
```
#050816 rgb(5,8,22)
```
#080e26
```
#080e26 rgb(8,14,38)
```
#0c1336
```
#0c1336 rgb(12,19,54)
```
#0f1946
```
#0f1946 rgb(15,25,70)
```
#131f56
```
#131f56 rgb(19,31,86)
```
#162566
```
#162566 rgb(22,37,102)
```
#1a2b77
```
#1a2b77 rgb(26,43,119)
```
#1d3187
```
#1d3187 rgb(29,49,135)
```
#203697
```
#203697 rgb(32,54,151)
```
#243ca7
```
#243ca7 rgb(36,60,167)
```
#2742b7
```
#2742b7 rgb(39,66,183)
```
#2b48c7
```
#2b48c7 rgb(43,72,199)
```

Shade Color Variation

#3350d3
```
#3350d3 rgb(51,80,211)
```
#435ed7
```
#435ed7 rgb(67,94,215)
```
#536cda
```
#536cda rgb(83,108,218)
```
#637add
```
#637add rgb(99,122,221)
```
#7388e1
```
#7388e1 rgb(115,136,225)
```
#8395e4
```
#8395e4 rgb(131,149,228)
```
#94a3e8
```
#94a3e8 rgb(148,163,232)
```
#a4b1eb
```
#a4b1eb rgb(164,177,235)
```
#b4bfef
```
#b4bfef rgb(180,191,239)
```
#c4cdf2
```
#c4cdf2 rgb(196,205,242)
```
#d4daf6
```
#d4daf6 rgb(212,218,246)
```
#e4e8f9
```
#e4e8f9 rgb(228,232,249)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93949a is the less saturated color, while #3358fa is the most saturated one.

#93949a
```
#93949a rgb(147,148,154)
```
#8b8fa2
```
#8b8fa2 rgb(139,143,162)
```
#838aaa
```
#838aaa rgb(131,138,170)
```
#7b85b2
```
#7b85b2 rgb(123,133,178)
```
#7380ba
```
#7380ba rgb(115,128,186)
```
#6b7bc2
```
#6b7bc2 rgb(107,123,194)
```
#6376ca
```
#6376ca rgb(99,118,202)
```
#5b71d2
```
#5b71d2 rgb(91,113,210)
```
#536cda
```
#536cda rgb(83,108,218)
```
#4b67e2
```
#4b67e2 rgb(75,103,226)
```
#4362ea
```
#4362ea rgb(67,98,234)
```
#3b5df2
```
#3b5df2 rgb(59,93,242)
```
#3358fa
```
#3358fa rgb(51,88,250)
```

Tone Color Variation

Below, you can see how #536cda 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

#717171 Achromatopsia 0.005% of the population
#6b7086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3778e0 Protanopia 1% of men
#007dd0 Deuteranopia 1% of men
#238791 Tritanopia 0.001% of the population

Trichromacy

#4173dd Protanomaly 1% of men, 0.01% of women
#1e77d4 Deuteranomaly 6% of men, 0.4% of women
#347dab Tritanomaly 0.01% of the population

#536cda hex color

#536cda Color Information

#536cda Color Conversion

Color Schemes with #536cda

Alternatives to #536cda

#536cda Preview

Shades and Tints of #536cda

Tones of #536cda

Color Blindness Simulator