#536cef hex color

In a RGB color space, hex #536cef is composed of 32.5% red, 42.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 54.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 230.4 degrees, a saturation of 83% and a lightness of 63.1%. #536cef color hex could be obtained by blending #a6d8ff with #0000df. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 42
- B 94
RGB color chart
- C 65
- M 55
- Y 0
- K 6
CMYK color chart

● #536cef color description : Soft blue.

The hexadecimal color #536cef has RGB values of R:83, G:108, B:239 and CMYK values of C:0.65, M:0.55, Y:0, K:0.06. Its decimal value is 5467375.

Hex triplet	536cef	`#536cef`
RGB Decimal	83, 108, 239	`rgb(83,108,239)`
RGB Percent	32.5, 42.4, 93.7	`rgb(32.5%,42.4%,93.7%)`
CMYK	65, 55, 0, 6
HSL	230.4°, 83, 63.1	`hsl(230.4,83%,63.1%)`
HSV (or HSB)	230.4°, 65.3, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.446, 31.832, -68.862
XYZ	24.507, 18.795, 83.993
xyY	0.193, 0.148, 18.795
CIE-LCH	50.446, 75.863, 294.809
CIE-LUV	50.446, -14.62, -108.48
Hunter-Lab	43.353, 25.035, -84.523
Binary	01010011, 01101100, 11101111

#536cef
```
#536cef rgb(83,108,239)
```
#efd653
```
#efd653 rgb(239,214,83)
```

Complementary Color

#53baef
```
#53baef rgb(83,186,239)
```
#536cef
```
#536cef rgb(83,108,239)
```
#8853ef
```
#8853ef rgb(136,83,239)
```

Analogous Color

#baef53
```
#baef53 rgb(186,239,83)
```
#536cef
```
#536cef rgb(83,108,239)
```
#ef8853
```
#ef8853 rgb(239,136,83)
```

Split Complementary Color

#6cef53
```
#6cef53 rgb(108,239,83)
```
#536cef
```
#536cef rgb(83,108,239)
```
#ef536c
```
#ef536c rgb(239,83,108)
```

Triadic Color

#53efd6
```
#53efd6 rgb(83,239,214)
```
#536cef
```
#536cef rgb(83,108,239)
```
#ef536c
```
#ef536c rgb(239,83,108)
```
#efd653
```
#efd653 rgb(239,214,83)
```

Tetradic Color

#1536e1
```
#1536e1 rgb(21,54,225)
```
#2444eb
```
#2444eb rgb(36,68,235)
```
#3c58ed
```
#3c58ed rgb(60,88,237)
```
#536cef
```
#536cef rgb(83,108,239)
```
#6a80f1
```
#6a80f1 rgb(106,128,241)
```
#8294f3
```
#8294f3 rgb(130,148,243)
```
#99a8f6
```
#99a8f6 rgb(153,168,246)
```

Monochromatic Color

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

#5393ef
```
#5393ef rgb(83,147,239)
```
#5386ef
```
#5386ef rgb(83,134,239)
```
#5379ef
```
#5379ef rgb(83,121,239)
```
#536cef
```
#536cef rgb(83,108,239)
```
#535fef
```
#535fef rgb(83,95,239)
```
#5453ef
```
#5453ef rgb(84,83,239)
```
#6153ef
```
#6153ef rgb(97,83,239)
```

Similar Colors

Text with hexadecimal color #536cef

This text has a font color of #536cef.

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

#536cef background color

This paragraph has a background color of #536cef.

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

#536cef border color

This element has a border color of #536cef.

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

CSS codes

.text {color:#536cef;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020619
```
#020619 rgb(2,6,25)
```
#040a2b
```
#040a2b rgb(4,10,43)
```
#060f3d
```
#060f3d rgb(6,15,61)
```
#07134f
```
#07134f rgb(7,19,79)
```
#091761
```
#091761 rgb(9,23,97)
```
#0b1b73
```
#0b1b73 rgb(11,27,115)
```
#0c2085
```
#0c2085 rgb(12,32,133)
```
#0e2497
```
#0e2497 rgb(14,36,151)
```
#1028a9
```
#1028a9 rgb(16,40,169)
```
#112dbb
```
#112dbb rgb(17,45,187)
```
#1331cd
```
#1331cd rgb(19,49,205)
```
#1535df
```
#1535df rgb(21,53,223)
```

Shade Color Variation

#1d3eea
```
#1d3eea rgb(29,62,234)
```
#2f4dec
```
#2f4dec rgb(47,77,236)
```
#415ded
```
#415ded rgb(65,93,237)
```
#536cef
```
#536cef rgb(83,108,239)
```
#657bf1
```
#657bf1 rgb(101,123,241)
```
#778bf2
```
#778bf2 rgb(119,139,242)
```
#899af4
```
#899af4 rgb(137,154,244)
```
#9ba9f6
```
#9ba9f6 rgb(155,169,246)
```
#adb9f7
```
#adb9f7 rgb(173,185,247)
```
#bfc8f9
```
#bfc8f9 rgb(191,200,249)
```
#d1d7fb
```
#d1d7fb rgb(209,215,251)
```
#e3e7fc
```
#e3e7fc rgb(227,231,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

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

#9b9da7
```
#9b9da7 rgb(155,157,167)
```
#9498ae
```
#9498ae rgb(148,152,174)
```
#8d93b5
```
#8d93b5 rgb(141,147,181)
```
#868ebc
```
#868ebc rgb(134,142,188)
```
#7e89c4
```
#7e89c4 rgb(126,137,196)
```
#7785cb
```
#7785cb rgb(119,133,203)
```
#7080d2
```
#7080d2 rgb(112,128,210)
```
#697bd9
```
#697bd9 rgb(105,123,217)
```
#6176e1
```
#6176e1 rgb(97,118,225)
```
#5a71e8
```
#5a71e8 rgb(90,113,232)
```
#536cef
```
#536cef rgb(83,108,239)
```
#4c67f6
```
#4c67f6 rgb(76,103,246)
```
#4562fd
```
#4562fd rgb(69,98,253)
```

Tone Color Variation

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

Dichromacy

#007bf1 Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#1e75f0 Protanomaly 1% of men, 0.01% of women
#1e79de Deuteranomaly 6% of men, 0.4% of women
#1e80b5 Tritanomaly 0.01% of the population

#536cef hex color

#536cef Color Information

#536cef Color Conversion

Color Schemes with #536cef

Alternatives to #536cef

#536cef Preview

Shades and Tints of #536cef

Tones of #536cef

Color Blindness Simulator