#536de3 hex color

In a RGB color space, hex #536de3 is composed of 32.5% red, 42.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 52% magenta, 0% yellow and 11% black. It has a hue angle of 229.2 degrees, a saturation of 72% and a lightness of 60.8%. #536de3 color hex could be obtained by blending #a6daff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 43
- B 89
RGB color chart
- C 63
- M 52
- Y 0
- K 11
CMYK color chart

● #536de3 color description : Soft blue.

The hexadecimal color #536de3 has RGB values of R:83, G:109, B:227 and CMYK values of C:0.63, M:0.52, Y:0, K:0.11. Its decimal value is 5467619.

Hex triplet	536de3	`#536de3`
RGB Decimal	83, 109, 227	`rgb(83,109,227)`
RGB Percent	32.5, 42.7, 89	`rgb(32.5%,42.7%,89%)`
CMYK	63, 52, 0, 11
HSL	229.2°, 72, 60.8	`hsl(229.2,72%,60.8%)`
HSV (or HSB)	229.2°, 63.4, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.883, 27.138, -63.037
XYZ	22.898, 18.321, 74.998
xyY	0.197, 0.158, 18.321
CIE-LCH	49.883, 68.63, 293.292
CIE-LUV	49.883, -14.664, -99.143
Hunter-Lab	42.803, 20.586, -73.924
Binary	01010011, 01101101, 11100011

#536de3
```
#536de3 rgb(83,109,227)
```
#e3c953
```
#e3c953 rgb(227,201,83)
```

Complementary Color

#53b5e3
```
#53b5e3 rgb(83,181,227)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#8153e3
```
#8153e3 rgb(129,83,227)
```

Analogous Color

#b5e353
```
#b5e353 rgb(181,227,83)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#e38153
```
#e38153 rgb(227,129,83)
```

Split Complementary Color

#6de353
```
#6de353 rgb(109,227,83)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#e3536d
```
#e3536d rgb(227,83,109)
```

Triadic Color

#53e3c9
```
#53e3c9 rgb(83,227,201)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#e3536d
```
#e3536d rgb(227,83,109)
```
#e3c953
```
#e3c953 rgb(227,201,83)
```

Tetradic Color

#213fc9
```
#213fc9 rgb(33,63,201)
```
#2748dc
```
#2748dc rgb(39,72,220)
```
#3d5adf
```
#3d5adf rgb(61,90,223)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#6980e7
```
#6980e7 rgb(105,128,231)
```
#7f92ea
```
#7f92ea rgb(127,146,234)
```
#95a5ee
```
#95a5ee rgb(149,165,238)
```

Monochromatic Color

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

#5391e3
```
#5391e3 rgb(83,145,227)
```
#5385e3
```
#5385e3 rgb(83,133,227)
```
#5379e3
```
#5379e3 rgb(83,121,227)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#5361e3
```
#5361e3 rgb(83,97,227)
```
#5355e3
```
#5355e3 rgb(83,85,227)
```
#5d53e3
```
#5d53e3 rgb(93,83,227)
```

Similar Colors

Text with hexadecimal color #536de3

This text has a font color of #536de3.

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

#536de3 background color

This paragraph has a background color of #536de3.

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

#536de3 border color

This element has a border color of #536de3.

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

CSS codes

.text {color:#536de3;}

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

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

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, #02040e is the darkest color, while #fcfcfe is the lightest one.

#02040e
```
#02040e rgb(2,4,14)
```
#050a1e
```
#050a1e rgb(5,10,30)
```
#080f2f
```
#080f2f rgb(8,15,47)
```
#0a1440
```
#0a1440 rgb(10,20,64)
```
#0d1951
```
#0d1951 rgb(13,25,81)
```
#101f62
```
#101f62 rgb(16,31,98)
```
#132473
```
#132473 rgb(19,36,115)
```
#152984
```
#152984 rgb(21,41,132)
```
#182f95
```
#182f95 rgb(24,47,149)
```
#1b34a5
```
#1b34a5 rgb(27,52,165)
```
#1e39b6
```
#1e39b6 rgb(30,57,182)
```
#203fc7
```
#203fc7 rgb(32,63,199)
```
#2344d8
```
#2344d8 rgb(35,68,216)
```

Shade Color Variation

#3150de
```
#3150de rgb(49,80,222)
```
#425fe0
```
#425fe0 rgb(66,95,224)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#647be6
```
#647be6 rgb(100,123,230)
```
#758ae8
```
#758ae8 rgb(117,138,232)
```
#8698eb
```
#8698eb rgb(134,152,235)
```
#96a6ee
```
#96a6ee rgb(150,166,238)
```
#a7b5f1
```
#a7b5f1 rgb(167,181,241)
```
#b8c3f3
```
#b8c3f3 rgb(184,195,243)
```
#c9d1f6
```
#c9d1f6 rgb(201,209,246)
```
#dae0f9
```
#dae0f9 rgb(218,224,249)
```
#ebeefc
```
#ebeefc rgb(235,238,252)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#98999e
```
#98999e rgb(152,153,158)
```
#9194a5
```
#9194a5 rgb(145,148,165)
```
#898fad
```
#898fad rgb(137,143,173)
```
#818ab5
```
#818ab5 rgb(129,138,181)
```
#7986bd
```
#7986bd rgb(121,134,189)
```
#7281c4
```
#7281c4 rgb(114,129,196)
```
#6a7ccc
```
#6a7ccc rgb(106,124,204)
```
#6277d4
```
#6277d4 rgb(98,119,212)
```
#5b72db
```
#5b72db rgb(91,114,219)
```
#536de3
```
#536de3 rgb(83,109,227)
```
#4b68eb
```
#4b68eb rgb(75,104,235)
```
#4463f2
```
#4463f2 rgb(68,99,242)
```
#3c5efa
```
#3c5efa rgb(60,94,250)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a79e9 Protanopia 1% of men
#0080d3 Deuteranopia 1% of men
#008994 Tritanopia 0.001% of the population

Trichromacy

#3975e7 Protanomaly 1% of men, 0.01% of women
#1e79d9 Deuteranomaly 6% of men, 0.4% of women
#1e7fb0 Tritanomaly 0.01% of the population

#536de3 hex color

#536de3 Color Information

#536de3 Color Conversion

Color Schemes with #536de3

Alternatives to #536de3

#536de3 Preview

Shades and Tints of #536de3

Tones of #536de3

Color Blindness Simulator