#536bda hex color

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

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

● #536bda color description : Soft blue.

The hexadecimal color #536bda has RGB values of R:83, G:107, B:218 and CMYK values of C:0.62, M:0.51, Y:0, K:0.15. Its decimal value is 5467098.

Hex triplet	536bda	`#536bda`
RGB Decimal	83, 107, 218	`rgb(83,107,218)`
RGB Percent	32.5, 42, 85.5	`rgb(32.5%,42%,85.5%)`
CMYK	62, 51, 0, 15
HSL	229.3°, 64.6, 59	`hsl(229.3,64.6%,59%)`
HSV (or HSB)	229.3°, 61.9, 85.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.779, 25.324, -59.73
XYZ	21.477, 17.415, 68.555
xyY	0.2, 0.162, 17.415
CIE-LCH	48.779, 64.877, 292.976
CIE-LUV	48.779, -13.907, -93.47
Hunter-Lab	41.732, 18.835, -68.188
Binary	01010011, 01101011, 11011010

#536bda
```
#536bda rgb(83,107,218)
```
#dac253
```
#dac253 rgb(218,194,83)
```

Complementary Color

#53afda
```
#53afda rgb(83,175,218)
```
#536bda
```
#536bda rgb(83,107,218)
```
#7f53da
```
#7f53da rgb(127,83,218)
```

Analogous Color

#afda53
```
#afda53 rgb(175,218,83)
```
#536bda
```
#536bda rgb(83,107,218)
```
#da7f53
```
#da7f53 rgb(218,127,83)
```

Split Complementary Color

#6bda53
```
#6bda53 rgb(107,218,83)
```
#536bda
```
#536bda rgb(83,107,218)
```
#da536b
```
#da536b rgb(218,83,107)
```

Triadic Color

#53dac2
```
#53dac2 rgb(83,218,194)
```
#536bda
```
#536bda rgb(83,107,218)
```
#da536b
```
#da536b rgb(218,83,107)
```
#dac253
```
#dac253 rgb(218,194,83)
```

Tetradic Color

#2842b9
```
#2842b9 rgb(40,66,185)
```
#2c49ce
```
#2c49ce rgb(44,73,206)
```
#3e59d5
```
#3e59d5 rgb(62,89,213)
```
#536bda
```
#536bda rgb(83,107,218)
```
#687ddf
```
#687ddf rgb(104,125,223)
```
#7d8fe3
```
#7d8fe3 rgb(125,143,227)
```
#92a1e8
```
#92a1e8 rgb(146,161,232)
```

Monochromatic Color

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

#538dda
```
#538dda rgb(83,141,218)
```
#5382da
```
#5382da rgb(83,130,218)
```
#5376da
```
#5376da rgb(83,118,218)
```
#536bda
```
#536bda rgb(83,107,218)
```
#5360da
```
#5360da rgb(83,96,218)
```
#5355da
```
#5355da rgb(83,85,218)
```
#5d53da
```
#5d53da rgb(93,83,218)
```

Similar Colors

Text with hexadecimal color #536bda

This text has a font color of #536bda.

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

#536bda background color

This paragraph has a background color of #536bda.

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

#536bda border color

This element has a border color of #536bda.

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

CSS codes

.text {color:#536bda;}

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

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

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)
```
#080d26
```
#080d26 rgb(8,13,38)
```
#0c1336
```
#0c1336 rgb(12,19,54)
```
#0f1946
```
#0f1946 rgb(15,25,70)
```
#131f56
```
#131f56 rgb(19,31,86)
```
#162466
```
#162466 rgb(22,36,102)
```
#1a2a77
```
#1a2a77 rgb(26,42,119)
```
#1d3087
```
#1d3087 rgb(29,48,135)
```
#203697
```
#203697 rgb(32,54,151)
```
#243ba7
```
#243ba7 rgb(36,59,167)
```
#2741b7
```
#2741b7 rgb(39,65,183)
```
#2b47c7
```
#2b47c7 rgb(43,71,199)
```

Shade Color Variation

#334fd3
```
#334fd3 rgb(51,79,211)
```
#435dd7
```
#435dd7 rgb(67,93,215)
```
#536bda
```
#536bda rgb(83,107,218)
```
#6379dd
```
#6379dd rgb(99,121,221)
```
#7387e1
```
#7387e1 rgb(115,135,225)
```
#8395e4
```
#8395e4 rgb(131,149,228)
```
#94a3e8
```
#94a3e8 rgb(148,163,232)
```
#a4b0eb
```
#a4b0eb rgb(164,176,235)
```
#b4beef
```
#b4beef rgb(180,190,239)
```
#c4ccf2
```
#c4ccf2 rgb(196,204,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 #3356fa 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)
```
#6375ca
```
#6375ca rgb(99,117,202)
```
#5b70d2
```
#5b70d2 rgb(91,112,210)
```
#536bda
```
#536bda rgb(83,107,218)
```
#4b66e2
```
#4b66e2 rgb(75,102,226)
```
#4361ea
```
#4361ea rgb(67,97,234)
```
#3b5bf2
```
#3b5bf2 rgb(59,91,242)
```
#3356fa
```
#3356fa rgb(51,86,250)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a6f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3477e0 Protanopia 1% of men
#007dcf Deuteranopia 1% of men
#228690 Tritanopia 0.001% of the population

Trichromacy

#3f73de Protanomaly 1% of men, 0.01% of women
#1e76d3 Deuteranomaly 6% of men, 0.4% of women
#347cab Tritanomaly 0.01% of the population

#536bda hex color

#536bda Color Information

#536bda Color Conversion

Color Schemes with #536bda

Alternatives to #536bda

#536bda Preview

Shades and Tints of #536bda

Tones of #536bda

Color Blindness Simulator