#536eda hex color

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

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

● #536eda color description : Soft blue.

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

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

CIE-LAB	49.559, 23.46, -58.475
XYZ	21.795, 18.052, 68.662
xyY	0.201, 0.166, 18.052
CIE-LCH	49.559, 63.005, 291.861
CIE-LUV	49.559, -14.799, -91.785
Hunter-Lab	42.487, 17.216, -66.075
Binary	01010011, 01101110, 11011010

#536eda
```
#536eda rgb(83,110,218)
```
#dabf53
```
#dabf53 rgb(218,191,83)
```

Complementary Color

#53b2da
```
#53b2da rgb(83,178,218)
```
#536eda
```
#536eda rgb(83,110,218)
```
#7c53da
```
#7c53da rgb(124,83,218)
```

Analogous Color

#b2da53
```
#b2da53 rgb(178,218,83)
```
#536eda
```
#536eda rgb(83,110,218)
```
#da7c53
```
#da7c53 rgb(218,124,83)
```

Split Complementary Color

#6eda53
```
#6eda53 rgb(110,218,83)
```
#536eda
```
#536eda rgb(83,110,218)
```
#da536e
```
#da536e rgb(218,83,110)
```

Triadic Color

#53dabf
```
#53dabf rgb(83,218,191)
```
#536eda
```
#536eda rgb(83,110,218)
```
#da536e
```
#da536e rgb(218,83,110)
```
#dabf53
```
#dabf53 rgb(218,191,83)
```

Tetradic Color

#2845b9
```
#2845b9 rgb(40,69,185)
```
#2c4dce
```
#2c4dce rgb(44,77,206)
```
#3e5cd5
```
#3e5cd5 rgb(62,92,213)
```
#536eda
```
#536eda rgb(83,110,218)
```
#6880df
```
#6880df rgb(104,128,223)
```
#7d91e3
```
#7d91e3 rgb(125,145,227)
```
#92a3e8
```
#92a3e8 rgb(146,163,232)
```

Monochromatic Color

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

#5390da
```
#5390da rgb(83,144,218)
```
#5385da
```
#5385da rgb(83,133,218)
```
#5379da
```
#5379da rgb(83,121,218)
```
#536eda
```
#536eda rgb(83,110,218)
```
#5363da
```
#5363da rgb(83,99,218)
```
#5358da
```
#5358da rgb(83,88,218)
```
#5a53da
```
#5a53da rgb(90,83,218)
```

Similar Colors

Text with hexadecimal color #536eda

This text has a font color of #536eda.

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

#536eda background color

This paragraph has a background color of #536eda.

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

#536eda border color

This element has a border color of #536eda.

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

CSS codes

.text {color:#536eda;}

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

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

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)
```
#0c1436
```
#0c1436 rgb(12,20,54)
```
#0f1a46
```
#0f1a46 rgb(15,26,70)
```
#132056
```
#132056 rgb(19,32,86)
```
#162666
```
#162666 rgb(22,38,102)
```
#1a2c77
```
#1a2c77 rgb(26,44,119)
```
#1d3287
```
#1d3287 rgb(29,50,135)
```
#203897
```
#203897 rgb(32,56,151)
```
#243ea7
```
#243ea7 rgb(36,62,167)
```
#2744b7
```
#2744b7 rgb(39,68,183)
```
#2b4ac7
```
#2b4ac7 rgb(43,74,199)
```

Shade Color Variation

#3353d3
```
#3353d3 rgb(51,83,211)
```
#4360d7
```
#4360d7 rgb(67,96,215)
```
#536eda
```
#536eda rgb(83,110,218)
```
#637cdd
```
#637cdd rgb(99,124,221)
```
#7389e1
```
#7389e1 rgb(115,137,225)
```
#8397e4
```
#8397e4 rgb(131,151,228)
```
#94a4e8
```
#94a4e8 rgb(148,164,232)
```
#a4b2eb
```
#a4b2eb rgb(164,178,235)
```
#b4c0ef
```
#b4c0ef rgb(180,192,239)
```
#c4cdf2
```
#c4cdf2 rgb(196,205,242)
```
#d4dbf6
```
#d4dbf6 rgb(212,219,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, #93959a is the less saturated color, while #335bfa is the most saturated one.

#93959a
```
#93959a rgb(147,149,154)
```
#8b90a2
```
#8b90a2 rgb(139,144,162)
```
#838baa
```
#838baa rgb(131,139,170)
```
#7b86b2
```
#7b86b2 rgb(123,134,178)
```
#7381ba
```
#7381ba rgb(115,129,186)
```
#6b7cc2
```
#6b7cc2 rgb(107,124,194)
```
#6378ca
```
#6378ca rgb(99,120,202)
```
#5b73d2
```
#5b73d2 rgb(91,115,210)
```
#536eda
```
#536eda rgb(83,110,218)
```
#4b69e2
```
#4b69e2 rgb(75,105,226)
```
#4364ea
```
#4364ea rgb(67,100,234)
```
#3b60f2
```
#3b60f2 rgb(59,96,242)
```
#335bfa
```
#335bfa rgb(51,91,250)
```

Tone Color Variation

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

#3d79df Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#248892 Tritanopia 0.001% of the population

Trichromacy

#4575dd Protanomaly 1% of men, 0.01% of women
#1e78d5 Deuteranomaly 6% of men, 0.4% of women
#357eac Tritanomaly 0.01% of the population

#536eda hex color

#536eda Color Information

#536eda Color Conversion

Color Schemes with #536eda

Alternatives to #536eda

#536eda Preview

Shades and Tints of #536eda

Tones of #536eda

Color Blindness Simulator