#536ed0 hex color

In a RGB color space, hex #536ed0 is composed of 32.5% red, 43.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 47.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 227 degrees, a saturation of 57.1% and a lightness of 57.1%. #536ed0 color hex could be obtained by blending #a6dcff with #0000a1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 43
- B 82
RGB color chart
- C 60
- M 47
- Y 0
- K 18
CMYK color chart

● #536ed0 color description : Moderate blue.

The hexadecimal color #536ed0 has RGB values of R:83, G:110, B:208 and CMYK values of C:0.6, M:0.47, Y:0, K:0.18. Its decimal value is 5467856.

Hex triplet	536ed0	`#536ed0`
RGB Decimal	83, 110, 208	`rgb(83,110,208)`
RGB Percent	32.5, 43.1, 81.6	`rgb(32.5%,43.1%,81.6%)`
CMYK	60, 47, 0, 18
HSL	227°, 57.1, 57.1	`hsl(227,57.1%,57.1%)`
HSV (or HSB)	227°, 60.1, 81.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.938, 20.074, -53.787
XYZ	20.526, 17.544, 61.976
xyY	0.205, 0.175, 17.544
CIE-LCH	48.938, 57.41, 290.466
CIE-LUV	48.938, -14.636, -84.049
Hunter-Lab	41.885, 14.175, -58.409
Binary	01010011, 01101110, 11010000

#536ed0
```
#536ed0 rgb(83,110,208)
```
#d0b553
```
#d0b553 rgb(208,181,83)
```

Complementary Color

#53add0
```
#53add0 rgb(83,173,208)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#7753d0
```
#7753d0 rgb(119,83,208)
```

Analogous Color

#add053
```
#add053 rgb(173,208,83)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#d07753
```
#d07753 rgb(208,119,83)
```

Split Complementary Color

#6ed053
```
#6ed053 rgb(110,208,83)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#d0536e
```
#d0536e rgb(208,83,110)
```

Triadic Color

#53d0b5
```
#53d0b5 rgb(83,208,181)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#d0536e
```
#d0536e rgb(208,83,110)
```
#d0b553
```
#d0b553 rgb(208,181,83)
```

Tetradic Color

#2e48a8
```
#2e48a8 rgb(46,72,168)
```
#3451bc
```
#3451bc rgb(52,81,188)
```
#3f5dcb
```
#3f5dcb rgb(63,93,203)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#677fd5
```
#677fd5 rgb(103,127,213)
```
#7b90db
```
#7b90db rgb(123,144,219)
```
#8fa1e0
```
#8fa1e0 rgb(143,161,224)
```

Monochromatic Color

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

#538dd0
```
#538dd0 rgb(83,141,208)
```
#5383d0
```
#5383d0 rgb(83,131,208)
```
#5378d0
```
#5378d0 rgb(83,120,208)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#5364d0
```
#5364d0 rgb(83,100,208)
```
#5359d0
```
#5359d0 rgb(83,89,208)
```
#5753d0
```
#5753d0 rgb(87,83,208)
```

Similar Colors

Text with hexadecimal color #536ed0

This text has a font color of #536ed0.

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

#536ed0 background color

This paragraph has a background color of #536ed0.

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

#536ed0 border color

This element has a border color of #536ed0.

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

CSS codes

.text {color:#536ed0;}

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

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

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, #04060d is the darkest color, while #fcfdfe is the lightest one.

#04060d
```
#04060d rgb(4,6,13)
```
#080c1c
```
#080c1c rgb(8,12,28)
```
#0c132c
```
#0c132c rgb(12,19,44)
```
#10193b
```
#10193b rgb(16,25,59)
```
#14204a
```
#14204a rgb(20,32,74)
```
#19275a
```
#19275a rgb(25,39,90)
```
#1d2d69
```
#1d2d69 rgb(29,45,105)
```
#213479
```
#213479 rgb(33,52,121)
```
#253b88
```
#253b88 rgb(37,59,136)
```
#294198
```
#294198 rgb(41,65,152)
```
#2e48a7
```
#2e48a7 rgb(46,72,167)
```
#324eb6
```
#324eb6 rgb(50,78,182)
```
#3655c6
```
#3655c6 rgb(54,85,198)
```

Shade Color Variation

#4461cc
```
#4461cc rgb(68,97,204)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#627bd4
```
#627bd4 rgb(98,123,212)
```
#7288d8
```
#7288d8 rgb(114,136,216)
```
#8195dd
```
#8195dd rgb(129,149,221)
```
#91a2e1
```
#91a2e1 rgb(145,162,225)
```
#a0afe5
```
#a0afe5 rgb(160,175,229)
```
#afbce9
```
#afbce9 rgb(175,188,233)
```
#bfc9ed
```
#bfc9ed rgb(191,201,237)
```
#ced6f2
```
#ced6f2 rgb(206,214,242)
```
#dee3f6
```
#dee3f6 rgb(222,227,246)
```
#edf0fa
```
#edf0fa rgb(237,240,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#8e8f95
```
#8e8f95 rgb(142,143,149)
```
#868b9d
```
#868b9d rgb(134,139,157)
```
#7d86a6
```
#7d86a6 rgb(125,134,166)
```
#7581ae
```
#7581ae rgb(117,129,174)
```
#6c7cb7
```
#6c7cb7 rgb(108,124,183)
```
#6478bf
```
#6478bf rgb(100,120,191)
```
#5b73c8
```
#5b73c8 rgb(91,115,200)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#4b69d8
```
#4b69d8 rgb(75,105,216)
```
#4264e1
```
#4264e1 rgb(66,100,225)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#315bf2
```
#315bf2 rgb(49,91,242)
```
#2956fa
```
#2956fa rgb(41,86,250)
```

Tone Color Variation

Below, you can see how #536ed0 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
#6b7084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4878d4 Protanopia 1% of men
#227dcf Deuteranopia 1% of men
#32868f Tritanopia 0.001% of the population

Trichromacy

#4c74d3 Protanomaly 1% of men, 0.01% of women
#3377cf Deuteranomaly 6% of men, 0.4% of women
#3e7da7 Tritanomaly 0.01% of the population

#536ed0 hex color

#536ed0 Color Information

#536ed0 Color Conversion

Color Schemes with #536ed0

Alternatives to #536ed0

#536ed0 Preview

Shades and Tints of #536ed0

Tones of #536ed0

Color Blindness Simulator