#536be6 hex color

In a RGB color space, hex #536be6 is composed of 32.5% red, 42% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 53.5% magenta, 0% yellow and 9.8% black. It has a hue angle of 230.2 degrees, a saturation of 74.6% and a lightness of 61.4%. #536be6 color hex could be obtained by blending #a6d6ff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 42
- B 90
RGB color chart
- C 64
- M 53
- Y 0
- K 10
CMYK color chart

● #536be6 color description : Soft blue.

The hexadecimal color #536be6 has RGB values of R:83, G:107, B:230 and CMYK values of C:0.64, M:0.53, Y:0, K:0.1. Its decimal value is 5467110.

Hex triplet	536be6	`#536be6`
RGB Decimal	83, 107, 230	`rgb(83,107,230)`
RGB Percent	32.5, 42, 90.2	`rgb(32.5%,42%,90.2%)`
CMYK	64, 53, 0, 10
HSL	230.2°, 74.6, 61.4	`hsl(230.2,74.6%,61.4%)`
HSV (or HSB)	230.2°, 63.9, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.576, 29.394, -65.222
XYZ	23.105, 18.066, 77.128
xyY	0.195, 0.153, 18.066
CIE-LCH	49.576, 71.54, 294.26
CIE-LUV	49.576, -14.156, -102.419
Hunter-Lab	42.504, 22.648, -77.834
Binary	01010011, 01101011, 11100110

#536be6
```
#536be6 rgb(83,107,230)
```
#e6ce53
```
#e6ce53 rgb(230,206,83)
```

Complementary Color

#53b5e6
```
#53b5e6 rgb(83,181,230)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#8553e6
```
#8553e6 rgb(133,83,230)
```

Analogous Color

#b5e653
```
#b5e653 rgb(181,230,83)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#e68553
```
#e68553 rgb(230,133,83)
```

Split Complementary Color

#6be653
```
#6be653 rgb(107,230,83)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#e6536b
```
#e6536b rgb(230,83,107)
```

Triadic Color

#53e6ce
```
#53e6ce rgb(83,230,206)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#e6536b
```
#e6536b rgb(230,83,107)
```
#e6ce53
```
#e6ce53 rgb(230,206,83)
```

Tetradic Color

#1e3bce
```
#1e3bce rgb(30,59,206)
```
#2645e0
```
#2645e0 rgb(38,69,224)
```
#3d58e3
```
#3d58e3 rgb(61,88,227)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#697ee9
```
#697ee9 rgb(105,126,233)
```
#8091ec
```
#8091ec rgb(128,145,236)
```
#96a4f0
```
#96a4f0 rgb(150,164,240)
```

Monochromatic Color

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

#5390e6
```
#5390e6 rgb(83,144,230)
```
#5384e6
```
#5384e6 rgb(83,132,230)
```
#5377e6
```
#5377e6 rgb(83,119,230)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#535fe6
```
#535fe6 rgb(83,95,230)
```
#5453e6
```
#5453e6 rgb(84,83,230)
```
#6053e6
```
#6053e6 rgb(96,83,230)
```

Similar Colors

Text with hexadecimal color #536be6

This text has a font color of #536be6.

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

#536be6 background color

This paragraph has a background color of #536be6.

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

#536be6 border color

This element has a border color of #536be6.

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

CSS codes

.text {color:#536be6;}

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

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

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, #020510 is the darkest color, while #fefeff is the lightest one.

#020510
```
#020510 rgb(2,5,16)
```
#050a22
```
#050a22 rgb(5,10,34)
```
#070e33
```
#070e33 rgb(7,14,51)
```
#0a1344
```
#0a1344 rgb(10,19,68)
```
#0c1855
```
#0c1855 rgb(12,24,85)
```
#0f1d66
```
#0f1d66 rgb(15,29,102)
```
#112277
```
#112277 rgb(17,34,119)
```
#142788
```
#142788 rgb(20,39,136)
```
#162c99
```
#162c99 rgb(22,44,153)
```
#1931ab
```
#1931ab rgb(25,49,171)
```
#1b35bc
```
#1b35bc rgb(27,53,188)
```
#1e3acd
```
#1e3acd rgb(30,58,205)
```
#203fde
```
#203fde rgb(32,63,222)
```

Shade Color Variation

#314ee1
```
#314ee1 rgb(49,78,225)
```
#425ce4
```
#425ce4 rgb(66,92,228)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#647ae8
```
#647ae8 rgb(100,122,232)
```
#7588eb
```
#7588eb rgb(117,136,235)
```
#8697ed
```
#8697ed rgb(134,151,237)
```
#98a6f0
```
#98a6f0 rgb(152,166,240)
```
#a9b5f2
```
#a9b5f2 rgb(169,181,242)
```
#bac3f5
```
#bac3f5 rgb(186,195,245)
```
#cbd2f7
```
#cbd2f7 rgb(203,210,247)
```
#dce1fa
```
#dce1fa rgb(220,225,250)
```
#edf0fc
```
#edf0fc rgb(237,240,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9799a2
```
#9799a2 rgb(151,153,162)
```
#9094a9
```
#9094a9 rgb(144,148,169)
```
#888fb1
```
#888fb1 rgb(136,143,177)
```
#808ab9
```
#808ab9 rgb(128,138,185)
```
#7985c0
```
#7985c0 rgb(121,133,192)
```
#717fc8
```
#717fc8 rgb(113,127,200)
```
#6a7acf
```
#6a7acf rgb(106,122,207)
```
#6275d7
```
#6275d7 rgb(98,117,215)
```
#5b70de
```
#5b70de rgb(91,112,222)
```
#536be6
```
#536be6 rgb(83,107,230)
```
#4b66ee
```
#4b66ee rgb(75,102,238)
```
#4461f5
```
#4461f5 rgb(68,97,245)
```
#3c5cfd
```
#3c5cfd rgb(60,92,253)
```

Tone Color Variation

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

Dichromacy

#1079ed Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#2873ea Protanomaly 1% of men, 0.01% of women
#1e78d8 Deuteranomaly 6% of men, 0.4% of women
#1e7eb1 Tritanomaly 0.01% of the population

#536be6 hex color

#536be6 Color Information

#536be6 Color Conversion

Color Schemes with #536be6

Alternatives to #536be6

#536be6 Preview

Shades and Tints of #536be6

Tones of #536be6

Color Blindness Simulator