#536bff Color Information
In a RGB color space, hex #536bff is composed of 32.5% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 231.6 degrees, a saturation of 100% and a lightness of 66.3%. #536bff color hex could be obtained by blending #a6d6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 33
- G 42
- B 100
-
- C 67
- M 58
- Y 0
- K 0
● #536bff color description : Light blue.
#536bff Color Conversion
The hexadecimal color #536bff has RGB values of R:83, G:107, B:255 and CMYK values of C:0.67, M:0.58, Y:0, K:0. Its decimal value is 5467135.
Hex triplet | 536bff | #536bff |
---|---|---|
RGB Decimal | 83, 107, 255 | rgb(83,107,255) |
RGB Percent | 32.5, 42, 100 | rgb(32.5%,42%,100%) |
CMYK | 67, 58, 0, 0 | |
HSL | 231.6°, 100, 66.3 | hsl(231.6,100%,66.3%) |
HSV (or HSB) | 231.6°, 67.5, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.351, 37.856, -76.297 |
---|---|
XYZ | 26.871, 19.573, 96.964 |
xyY | 0.187, 0.136, 19.573 |
CIE-LCH | 51.351, 85.172, 296.389 |
CIE-LUV | 51.351, -14.703, -120.293 |
Hunter-Lab | 44.241, 30.996, -98.978 |
Binary | 01010011, 01101011, 11111111 |
Color Schemes with #536bff
Alternatives to #536bff
Below, you can see some colors close to #536bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#536bff Preview
This text has a font color of #536bff.
<span style="color:#536bff;">Text here</span>
This paragraph has a background color of #536bff.
<p style="background-color:#536bff;">Content here</p>
This element has a border color of #536bff.
<div style="border:1px solid #536bff;">Content here</div>
.text {color:#536bff;}
.background {background-color:#536bff;}
.border {border:1px solid #536bff;}
Shades and Tints of #536bff
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, #000105 is the darkest color, while #f0f2ff is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#000318
#000318
rgb(0,3,24)
-
#00062c
#00062c
rgb(0,6,44)
-
#00093f
#00093f
rgb(0,9,63)
-
#000c53
#000c53
rgb(0,12,83)
-
#000e67
#000e67
rgb(0,14,103)
-
#00117a
#00117a
rgb(0,17,122)
-
#00148e
#00148e
rgb(0,20,142)
-
#0017a1
#0017a1
rgb(0,23,161)
-
#0019b5
#0019b5
rgb(0,25,181)
-
#001cc9
#001cc9
rgb(0,28,201)
-
#001fdc
#001fdc
rgb(0,31,220)
-
#0021f0
#0021f0
rgb(0,33,240)
-
#0527ff
#0527ff
rgb(5,39,255)
-
#1838ff
#1838ff
rgb(24,56,255)
-
#2c49ff
#2c49ff
rgb(44,73,255)
-
#3f5aff
#3f5aff
rgb(63,90,255)
-
#536bff
#536bff
rgb(83,107,255)
-
#677cff
#677cff
rgb(103,124,255)
-
#7a8dff
#7a8dff
rgb(122,141,255)
-
#8e9eff
#8e9eff
rgb(142,158,255)
-
#a1afff
#a1afff
rgb(161,175,255)
-
#b5bfff
#b5bfff
rgb(181,191,255)
-
#c9d0ff
#c9d0ff
rgb(201,208,255)
-
#dce1ff
#dce1ff
rgb(220,225,255)
-
#f0f2ff
#f0f2ff
rgb(240,242,255)
Tones of #536bff
A tone is produced by adding gray to any pure hue. In this case, #a2a4b0 is the less saturated color, while #536bff is the most saturated one.
-
#a2a4b0
#a2a4b0
rgb(162,164,176)
-
#9c9fb6
#9c9fb6
rgb(156,159,182)
-
#959bbd
#959bbd
rgb(149,155,189)
-
#8f96c3
#8f96c3
rgb(143,150,195)
-
#8891ca
#8891ca
rgb(136,145,202)
-
#818cd1
#818cd1
rgb(129,140,209)
-
#7b88d7
#7b88d7
rgb(123,136,215)
-
#7483de
#7483de
rgb(116,131,222)
-
#6d7ee5
#6d7ee5
rgb(109,126,229)
-
#6779eb
#6779eb
rgb(103,121,235)
-
#6075f2
#6075f2
rgb(96,117,242)
-
#5a70f8
#5a70f8
rgb(90,112,248)
-
#536bff
#536bff
rgb(83,107,255)
Color Blindness Simulator
Below, you can see how #536bff 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.