#536edb hex color

In a RGB color space, hex #536edb is composed of 32.5% red, 43.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 49.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 228.1 degrees, a saturation of 65.4% and a lightness of 59.2%. #536edb color hex could be obtained by blending #a6dcff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 43
- B 86
RGB color chart
- C 62
- M 50
- Y 0
- K 14
CMYK color chart

● #536edb color description : Soft blue.

The hexadecimal color #536edb has RGB values of R:83, G:110, B:219 and CMYK values of C:0.62, M:0.5, Y:0, K:0.14. Its decimal value is 5467867.

Hex triplet	536edb	`#536edb`
RGB Decimal	83, 110, 219	`rgb(83,110,219)`
RGB Percent	32.5, 43.1, 85.9	`rgb(32.5%,43.1%,85.9%)`
CMYK	62, 50, 0, 14
HSL	228.1°, 65.4, 59.2	`hsl(228.1,65.4%,59.2%)`
HSV (or HSB)	228.1°, 62.1, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.622, 23.8, -58.939
XYZ	21.927, 18.104, 69.353
xyY	0.2, 0.166, 18.104
CIE-LCH	49.622, 63.563, 291.989
CIE-LUV	49.622, -14.816, -92.549
Hunter-Lab	42.549, 17.526, -66.856
Binary	01010011, 01101110, 11011011

#536edb
```
#536edb rgb(83,110,219)
```
#dbc053
```
#dbc053 rgb(219,192,83)
```

Complementary Color

#53b2db
```
#53b2db rgb(83,178,219)
```
#536edb
```
#536edb rgb(83,110,219)
```
#7c53db
```
#7c53db rgb(124,83,219)
```

Analogous Color

#b2db53
```
#b2db53 rgb(178,219,83)
```
#536edb
```
#536edb rgb(83,110,219)
```
#db7c53
```
#db7c53 rgb(219,124,83)
```

Split Complementary Color

#6edb53
```
#6edb53 rgb(110,219,83)
```
#536edb
```
#536edb rgb(83,110,219)
```
#db536e
```
#db536e rgb(219,83,110)
```

Triadic Color

#53dbc0
```
#53dbc0 rgb(83,219,192)
```
#536edb
```
#536edb rgb(83,110,219)
```
#db536e
```
#db536e rgb(219,83,110)
```
#dbc053
```
#dbc053 rgb(219,192,83)
```

Tetradic Color

#2744ba
```
#2744ba rgb(39,68,186)
```
#2b4cd0
```
#2b4cd0 rgb(43,76,208)
```
#3e5cd7
```
#3e5cd7 rgb(62,92,215)
```
#536edb
```
#536edb rgb(83,110,219)
```
#6880df
```
#6880df rgb(104,128,223)
```
#7d92e4
```
#7d92e4 rgb(125,146,228)
```
#92a3e8
```
#92a3e8 rgb(146,163,232)
```

Monochromatic Color

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

#5390db
```
#5390db rgb(83,144,219)
```
#5385db
```
#5385db rgb(83,133,219)
```
#5379db
```
#5379db rgb(83,121,219)
```
#536edb
```
#536edb rgb(83,110,219)
```
#5363db
```
#5363db rgb(83,99,219)
```
#5357db
```
#5357db rgb(83,87,219)
```
#5a53db
```
#5a53db rgb(90,83,219)
```

Similar Colors

Text with hexadecimal color #536edb

This text has a font color of #536edb.

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

#536edb background color

This paragraph has a background color of #536edb.

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

#536edb border color

This element has a border color of #536edb.

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

CSS codes

.text {color:#536edb;}

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

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

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 #f5f7fd is the lightest one.

#010206
```
#010206 rgb(1,2,6)
```
#050817
```
#050817 rgb(5,8,23)
```
#080e27
```
#080e27 rgb(8,14,39)
```
#0c1437
```
#0c1437 rgb(12,20,55)
```
#0f1a47
```
#0f1a47 rgb(15,26,71)
```
#122058
```
#122058 rgb(18,32,88)
```
#162668
```
#162668 rgb(22,38,104)
```
#192c78
```
#192c78 rgb(25,44,120)
```
#1d3288
```
#1d3288 rgb(29,50,136)
```
#203898
```
#203898 rgb(32,56,152)
```
#233ea9
```
#233ea9 rgb(35,62,169)
```
#2744b9
```
#2744b9 rgb(39,68,185)
```
#2a4ac9
```
#2a4ac9 rgb(42,74,201)
```

Shade Color Variation

#3353d4
```
#3353d4 rgb(51,83,212)
```
#4360d8
```
#4360d8 rgb(67,96,216)
```
#536edb
```
#536edb rgb(83,110,219)
```
#637cde
```
#637cde rgb(99,124,222)
```
#7389e2
```
#7389e2 rgb(115,137,226)
```
#8497e5
```
#8497e5 rgb(132,151,229)
```
#94a5e9
```
#94a5e9 rgb(148,165,233)
```
#a4b2ec
```
#a4b2ec rgb(164,178,236)
```
#b4c0ef
```
#b4c0ef rgb(180,192,239)
```
#c5cef3
```
#c5cef3 rgb(197,206,243)
```
#d5dbf6
```
#d5dbf6 rgb(213,219,246)
```
#e5e9fa
```
#e5e9fa rgb(229,233,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93959b is the less saturated color, while #335bfb is the most saturated one.

#93959b
```
#93959b rgb(147,149,155)
```
#8b90a3
```
#8b90a3 rgb(139,144,163)
```
#838bab
```
#838bab rgb(131,139,171)
```
#7b86b3
```
#7b86b3 rgb(123,134,179)
```
#7381bb
```
#7381bb rgb(115,129,187)
```
#6b7cc3
```
#6b7cc3 rgb(107,124,195)
```
#6378cb
```
#6378cb rgb(99,120,203)
```
#5b73d3
```
#5b73d3 rgb(91,115,211)
```
#536edb
```
#536edb rgb(83,110,219)
```
#4b69e3
```
#4b69e3 rgb(75,105,227)
```
#4364eb
```
#4364eb rgb(67,100,235)
```
#3b60f3
```
#3b60f3 rgb(59,96,243)
```
#335bfb
```
#335bfb rgb(51,91,251)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c79e0 Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#238892 Tritanopia 0.001% of the population

Trichromacy

#4475de Protanomaly 1% of men, 0.01% of women
#1e79d6 Deuteranomaly 6% of men, 0.4% of women
#347eac Tritanomaly 0.01% of the population

#536edb hex color

#536edb Color Information

#536edb Color Conversion

Color Schemes with #536edb

Alternatives to #536edb

#536edb Preview

Shades and Tints of #536edb

Tones of #536edb

Color Blindness Simulator