#535bf2 Color Information
In a RGB color space, hex #535bf2 is composed of 32.5% red, 35.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 62.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 237 degrees, a saturation of 85.9% and a lightness of 63.7%. #535bf2 color hex could be obtained by blending #a6b6ff with #0000e5. Closest websafe color is: #6666ff.
-
- R 33
- G 36
- B 95
-
- C 66
- M 62
- Y 0
- K 5
● #535bf2 color description : Soft blue.
#535bf2 Color Conversion
The hexadecimal color #535bf2 has RGB values of R:83, G:91, B:242 and CMYK values of C:0.66, M:0.62, Y:0, K:0.05. Its decimal value is 5463026.
Hex triplet | 535bf2 | #535bf2 |
---|---|---|
RGB Decimal | 83, 91, 242 | rgb(83,91,242) |
RGB Percent | 32.5, 35.7, 94.9 | rgb(32.5%,35.7%,94.9%) |
CMYK | 66, 62, 0, 5 | |
HSL | 237°, 85.9, 63.7 | hsl(237,85.9%,63.7%) |
HSV (or HSB) | 237°, 65.7, 94.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.619, 43.16, -76.771 |
---|---|
XYZ | 23.332, 15.731, 85.806 |
xyY | 0.187, 0.126, 15.731 |
CIE-LCH | 46.619, 88.071, 299.344 |
CIE-LUV | 46.619, -10.436, -117.78 |
Hunter-Lab | 39.662, 35.599, -100.507 |
Binary | 01010011, 01011011, 11110010 |
Color Schemes with #535bf2
Alternatives to #535bf2
Below, you can see some colors close to #535bf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#535bf2 Preview
This text has a font color of #535bf2.
<span style="color:#535bf2;">Text here</span>
This paragraph has a background color of #535bf2.
<p style="background-color:#535bf2;">Content here</p>
This element has a border color of #535bf2.
<div style="border:1px solid #535bf2;">Content here</div>
.text {color:#535bf2;}
.background {background-color:#535bf2;}
.border {border:1px solid #535bf2;}
Shades and Tints of #535bf2
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, #01010a is the darkest color, while #f7f7fe is the lightest one.
-
#01010a
#01010a
rgb(1,1,10)
-
#02031d
#02031d
rgb(2,3,29)
-
#04062f
#04062f
rgb(4,6,47)
-
#050841
#050841
rgb(5,8,65)
-
#060a53
#060a53
rgb(6,10,83)
-
#080c66
#080c66
rgb(8,12,102)
-
#090f78
#090f78
rgb(9,15,120)
-
#0a118a
#0a118a
rgb(10,17,138)
-
#0c139c
#0c139c
rgb(12,19,156)
-
#0d15af
#0d15af
rgb(13,21,175)
-
#0f18c1
#0f18c1
rgb(15,24,193)
-
#101ad3
#101ad3
rgb(16,26,211)
-
#111ce5
#111ce5
rgb(17,28,229)
-
#1c27ee
#1c27ee
rgb(28,39,238)
-
#2f38ef
#2f38ef
rgb(47,56,239)
-
#414af1
#414af1
rgb(65,74,241)
-
#535bf2
#535bf2
rgb(83,91,242)
-
#656cf3
#656cf3
rgb(101,108,243)
-
#777ef5
#777ef5
rgb(119,126,245)
-
#8a8ff6
#8a8ff6
rgb(138,143,246)
-
#9ca1f8
#9ca1f8
rgb(156,161,248)
-
#aeb2f9
#aeb2f9
rgb(174,178,249)
-
#c0c3fa
#c0c3fa
rgb(192,195,250)
-
#d3d5fc
#d3d5fc
rgb(211,213,252)
-
#e5e6fd
#e5e6fd
rgb(229,230,253)
-
#f7f7fe
#f7f7fe
rgb(247,247,254)
Tones of #535bf2
A tone is produced by adding gray to any pure hue. In this case, #a1a1a4 is the less saturated color, while #4c55f9 is the most saturated one.
-
#a1a1a4
#a1a1a4
rgb(161,161,164)
-
#9a9bab
#9a9bab
rgb(154,155,171)
-
#9395b2
#9395b2
rgb(147,149,178)
-
#8c8eb9
#8c8eb9
rgb(140,142,185)
-
#8588c0
#8588c0
rgb(133,136,192)
-
#7e81c7
#7e81c7
rgb(126,129,199)
-
#777bce
#777bce
rgb(119,123,206)
-
#6f75d6
#6f75d6
rgb(111,117,214)
-
#686edd
#686edd
rgb(104,110,221)
-
#6168e4
#6168e4
rgb(97,104,228)
-
#5a61eb
#5a61eb
rgb(90,97,235)
-
#535bf2
#535bf2
rgb(83,91,242)
-
#4c55f9
#4c55f9
rgb(76,85,249)
Color Blindness Simulator
Below, you can see how #535bf2 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.