#536ff2 hex color

In a RGB color space, hex #536ff2 is composed of 32.5% red, 43.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 54.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.4 degrees, a saturation of 85.9% and a lightness of 63.7%. #536ff2 color hex could be obtained by blending #a6deff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 44
- B 95
RGB color chart
- C 66
- M 54
- Y 0
- K 5
CMYK color chart

● #536ff2 color description : Soft blue.

The hexadecimal color #536ff2 has RGB values of R:83, G:111, B:242 and CMYK values of C:0.66, M:0.54, Y:0, K:0.05. Its decimal value is 5468146.

Hex triplet	536ff2	`#536ff2`
RGB Decimal	83, 111, 242	`rgb(83,111,242)`
RGB Percent	32.5, 43.5, 94.9	`rgb(32.5%,43.5%,94.9%)`
CMYK	66, 54, 0, 5
HSL	229.4°, 85.9, 63.7	`hsl(229.4,85.9%,63.7%)`
HSV (or HSB)	229.4°, 65.7, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.402, 31.007, -68.989
XYZ	25.275, 19.617, 86.454
xyY	0.192, 0.149, 19.617
CIE-LCH	51.402, 75.637, 294.201
CIE-LUV	51.402, -15.499, -109.154
Hunter-Lab	44.291, 24.353, -84.727
Binary	01010011, 01101111, 11110010

#536ff2
```
#536ff2 rgb(83,111,242)
```
#f2d653
```
#f2d653 rgb(242,214,83)
```

Complementary Color

#53bff2
```
#53bff2 rgb(83,191,242)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#8753f2
```
#8753f2 rgb(135,83,242)
```

Analogous Color

#bff253
```
#bff253 rgb(191,242,83)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#f28753
```
#f28753 rgb(242,135,83)
```

Split Complementary Color

#6ff253
```
#6ff253 rgb(111,242,83)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#f2536f
```
#f2536f rgb(242,83,111)
```

Triadic Color

#53f2d6
```
#53f2d6 rgb(83,242,214)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#f2536f
```
#f2536f rgb(242,83,111)
```
#f2d653
```
#f2d653 rgb(242,214,83)
```

Tetradic Color

#1137e7
```
#1137e7 rgb(17,55,231)
```
#2447ee
```
#2447ee rgb(36,71,238)
```
#3b5bf0
```
#3b5bf0 rgb(59,91,240)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#6b83f4
```
#6b83f4 rgb(107,131,244)
```
#8297f6
```
#8297f6 rgb(130,151,246)
```
#9aabf7
```
#9aabf7 rgb(154,171,247)
```

Monochromatic Color

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

#5397f2
```
#5397f2 rgb(83,151,242)
```
#538af2
```
#538af2 rgb(83,138,242)
```
#537cf2
```
#537cf2 rgb(83,124,242)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#5362f2
```
#5362f2 rgb(83,98,242)
```
#5355f2
```
#5355f2 rgb(83,85,242)
```
#5f53f2
```
#5f53f2 rgb(95,83,242)
```

Similar Colors

Text with hexadecimal color #536ff2

This text has a font color of #536ff2.

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

#536ff2 background color

This paragraph has a background color of #536ff2.

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

#536ff2 border color

This element has a border color of #536ff2.

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

CSS codes

.text {color:#536ff2;}

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

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

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#02071d
```
#02071d rgb(2,7,29)
```
#040b2f
```
#040b2f rgb(4,11,47)
```
#051041
```
#051041 rgb(5,16,65)
```
#061453
```
#061453 rgb(6,20,83)
```
#081866
```
#081866 rgb(8,24,102)
```
#091d78
```
#091d78 rgb(9,29,120)
```
#0a218a
```
#0a218a rgb(10,33,138)
```
#0c259c
```
#0c259c rgb(12,37,156)
```
#0d2aaf
```
#0d2aaf rgb(13,42,175)
```
#0f2ec1
```
#0f2ec1 rgb(15,46,193)
```
#1032d3
```
#1032d3 rgb(16,50,211)
```
#1137e5
```
#1137e5 rgb(17,55,229)
```

Shade Color Variation

#1c41ee
```
#1c41ee rgb(28,65,238)
```
#2f50ef
```
#2f50ef rgb(47,80,239)
```
#4160f1
```
#4160f1 rgb(65,96,241)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#657ef3
```
#657ef3 rgb(101,126,243)
```
#778ef5
```
#778ef5 rgb(119,142,245)
```
#8a9df6
```
#8a9df6 rgb(138,157,246)
```
#9cacf8
```
#9cacf8 rgb(156,172,248)
```
#aebbf9
```
#aebbf9 rgb(174,187,249)
```
#c0cbfa
```
#c0cbfa rgb(192,203,250)
```
#d3dafc
```
#d3dafc rgb(211,218,252)
```
#e5e9fd
```
#e5e9fd rgb(229,233,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a2a4 is the less saturated color, while #4c6af9 is the most saturated one.

#a1a2a4
```
#a1a2a4 rgb(161,162,164)
```
#9a9dab
```
#9a9dab rgb(154,157,171)
```
#9398b2
```
#9398b2 rgb(147,152,178)
```
#8c94b9
```
#8c94b9 rgb(140,148,185)
```
#858fc0
```
#858fc0 rgb(133,143,192)
```
#7e8bc7
```
#7e8bc7 rgb(126,139,199)
```
#7786ce
```
#7786ce rgb(119,134,206)
```
#6f81d6
```
#6f81d6 rgb(111,129,214)
```
#687ddd
```
#687ddd rgb(104,125,221)
```
#6178e4
```
#6178e4 rgb(97,120,228)
```
#5a74eb
```
#5a74eb rgb(90,116,235)
```
#536ff2
```
#536ff2 rgb(83,111,242)
```
#4c6af9
```
#4c6af9 rgb(76,106,249)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f758f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#1e78f4 Protanomaly 1% of men, 0.01% of women
#1e7ce1 Deuteranomaly 6% of men, 0.4% of women
#1e82b8 Tritanomaly 0.01% of the population

#536ff2 hex color

#536ff2 Color Information

#536ff2 Color Conversion

Color Schemes with #536ff2

Alternatives to #536ff2

#536ff2 Preview

Shades and Tints of #536ff2

Tones of #536ff2

Color Blindness Simulator