#536eec hex color

In a RGB color space, hex #536eec is composed of 32.5% red, 43.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 53.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 229.4 degrees, a saturation of 80.1% and a lightness of 62.5%. #536eec color hex could be obtained by blending #a6dcff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 43
- B 93
RGB color chart
- C 65
- M 53
- Y 0
- K 7
CMYK color chart

● #536eec color description : Soft blue.

The hexadecimal color #536eec has RGB values of R:83, G:110, B:236 and CMYK values of C:0.65, M:0.53, Y:0, K:0.07. Its decimal value is 5467884.

Hex triplet	536eec	`#536eec`
RGB Decimal	83, 110, 236	`rgb(83,110,236)`
RGB Percent	32.5, 43.1, 92.5	`rgb(32.5%,43.1%,92.5%)`
CMYK	65, 53, 0, 7
HSL	229.4°, 80.1, 62.5	`hsl(229.4,80.1%,62.5%)`
HSV (or HSB)	229.4°, 64.8, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.741, 29.581, -66.706
XYZ	24.28, 19.046, 81.749
xyY	0.194, 0.152, 19.046
CIE-LCH	50.741, 72.971, 293.915
CIE-LUV	50.741, -15.114, -105.28
Hunter-Lab	43.641, 22.939, -80.513
Binary	01010011, 01101110, 11101100

#536eec
```
#536eec rgb(83,110,236)
```
#ecd153
```
#ecd153 rgb(236,209,83)
```

Complementary Color

#53bbec
```
#53bbec rgb(83,187,236)
```
#536eec
```
#536eec rgb(83,110,236)
```
#8553ec
```
#8553ec rgb(133,83,236)
```

Analogous Color

#bbec53
```
#bbec53 rgb(187,236,83)
```
#536eec
```
#536eec rgb(83,110,236)
```
#ec8553
```
#ec8553 rgb(236,133,83)
```

Split Complementary Color

#6eec53
```
#6eec53 rgb(110,236,83)
```
#536eec
```
#536eec rgb(83,110,236)
```
#ec536e
```
#ec536e rgb(236,83,110)
```

Triadic Color

#53ecd1
```
#53ecd1 rgb(83,236,209)
```
#536eec
```
#536eec rgb(83,110,236)
```
#ec536e
```
#ec536e rgb(236,83,110)
```
#ecd153
```
#ecd153 rgb(236,209,83)
```

Tetradic Color

#183ada
```
#183ada rgb(24,58,218)
```
#2547e7
```
#2547e7 rgb(37,71,231)
```
#3c5be9
```
#3c5be9 rgb(60,91,233)
```
#536eec
```
#536eec rgb(83,110,236)
```
#6a81ef
```
#6a81ef rgb(106,129,239)
```
#8195f1
```
#8195f1 rgb(129,149,241)
```
#98a8f4
```
#98a8f4 rgb(152,168,244)
```

Monochromatic Color

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

#5394ec
```
#5394ec rgb(83,148,236)
```
#5388ec
```
#5388ec rgb(83,136,236)
```
#537bec
```
#537bec rgb(83,123,236)
```
#536eec
```
#536eec rgb(83,110,236)
```
#5361ec
```
#5361ec rgb(83,97,236)
```
#5355ec
```
#5355ec rgb(83,85,236)
```
#5e53ec
```
#5e53ec rgb(94,83,236)
```

Similar Colors

Text with hexadecimal color #536eec

This text has a font color of #536eec.

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

#536eec background color

This paragraph has a background color of #536eec.

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

#536eec border color

This element has a border color of #536eec.

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

CSS codes

.text {color:#536eec;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#020616
```
#020616 rgb(2,6,22)
```
#040b28
```
#040b28 rgb(4,11,40)
```
#060f3a
```
#060f3a rgb(6,15,58)
```
#08144b
```
#08144b rgb(8,20,75)
```
#0a195d
```
#0a195d rgb(10,25,93)
```
#0c1e6f
```
#0c1e6f rgb(12,30,111)
```
#0e2280
```
#0e2280 rgb(14,34,128)
```
#102792
```
#102792 rgb(16,39,146)
```
#122ca4
```
#122ca4 rgb(18,44,164)
```
#1430b5
```
#1430b5 rgb(20,48,181)
```
#1635c7
```
#1635c7 rgb(22,53,199)
```
#183ad9
```
#183ad9 rgb(24,58,217)
```

Shade Color Variation

#1e41e6
```
#1e41e6 rgb(30,65,230)
```
#3050e8
```
#3050e8 rgb(48,80,232)
```
#415fea
```
#415fea rgb(65,95,234)
```
#536eec
```
#536eec rgb(83,110,236)
```
#657dee
```
#657dee rgb(101,125,238)
```
#768cf0
```
#768cf0 rgb(118,140,240)
```
#889bf2
```
#889bf2 rgb(136,155,242)
```
#9aaaf4
```
#9aaaf4 rgb(154,170,244)
```
#abb8f6
```
#abb8f6 rgb(171,184,246)
```
#bdc7f8
```
#bdc7f8 rgb(189,199,248)
```
#cfd6fa
```
#cfd6fa rgb(207,214,250)
```
#e0e5fc
```
#e0e5fc rgb(224,229,252)
```
#f2f4fe
```
#f2f4fe rgb(242,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ea3 is the less saturated color, while #4464fb is the most saturated one.

#9c9ea3
```
#9c9ea3 rgb(156,158,163)
```
#9599aa
```
#9599aa rgb(149,153,170)
```
#8e94b1
```
#8e94b1 rgb(142,148,177)
```
#868fb9
```
#868fb9 rgb(134,143,185)
```
#7f8bc0
```
#7f8bc0 rgb(127,139,192)
```
#7886c7
```
#7886c7 rgb(120,134,199)
```
#7081cf
```
#7081cf rgb(112,129,207)
```
#697cd6
```
#697cd6 rgb(105,124,214)
```
#6278dd
```
#6278dd rgb(98,120,221)
```
#5a73e5
```
#5a73e5 rgb(90,115,229)
```
#536eec
```
#536eec rgb(83,110,236)
```
#4c69f3
```
#4c69f3 rgb(76,105,243)
```
#4464fb
```
#4464fb rgb(68,100,251)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6d738c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d7bf2 Protanopia 1% of men
#0082d6 Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#2676f0 Protanomaly 1% of men, 0.01% of women
#1e7ade Deuteranomaly 6% of men, 0.4% of women
#1e81b5 Tritanomaly 0.01% of the population

#536eec hex color

#536eec Color Information

#536eec Color Conversion

Color Schemes with #536eec

Alternatives to #536eec

#536eec Preview

Shades and Tints of #536eec

Tones of #536eec

Color Blindness Simulator