#656bff Color Information
In a RGB color space, hex #656bff is composed of 39.6% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 237.7 degrees, a saturation of 100% and a lightness of 69.8%. #656bff color hex could be obtained by blending #cad6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 100
-
- C 60
- M 58
- Y 0
- K 0
● #656bff color description : Light blue.
#656bff Color Conversion
The hexadecimal color #656bff has RGB values of R:101, G:107, B:255 and CMYK values of C:0.6, M:0.58, Y:0, K:0. Its decimal value is 6646783.
Hex triplet | 656bff | #656bff |
---|---|---|
RGB Decimal | 101, 107, 255 | rgb(101,107,255) |
RGB Percent | 39.6, 42, 100 | rgb(39.6%,42%,100%) |
CMYK | 60, 58, 0, 0 | |
HSL | 237.7°, 100, 69.8 | hsl(237.7,100%,69.8%) |
HSV (or HSB) | 237.7°, 60.4, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.399, 40.507, -74.546 |
---|---|
XYZ | 28.671, 20.501, 97.048 |
xyY | 0.196, 0.14, 20.501 |
CIE-LCH | 52.399, 84.84, 298.519 |
CIE-LUV | 52.399, -10.236, -118.676 |
Hunter-Lab | 45.278, 33.794, -95.388 |
Binary | 01100101, 01101011, 11111111 |
Color Schemes with #656bff
Alternatives to #656bff
Below, you can see some colors close to #656bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#656bff Preview
This text has a font color of #656bff.
<span style="color:#656bff;">Text here</span>
This paragraph has a background color of #656bff.
<p style="background-color:#656bff;">Content here</p>
This element has a border color of #656bff.
<div style="border:1px solid #656bff;">Content here</div>
.text {color:#656bff;}
.background {background-color:#656bff;}
.border {border:1px solid #656bff;}
Shades and Tints of #656bff
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, #000003 is the darkest color, while #eeefff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#000117
#000117
rgb(0,1,23)
-
#00022a
#00022a
rgb(0,2,42)
-
#00023e
#00023e
rgb(0,2,62)
-
#000351
#000351
rgb(0,3,81)
-
#000465
#000465
rgb(0,4,101)
-
#000579
#000579
rgb(0,5,121)
-
#00058c
#00058c
rgb(0,5,140)
-
#0006a0
#0006a0
rgb(0,6,160)
-
#0007b3
#0007b3
rgb(0,7,179)
-
#0008c7
#0008c7
rgb(0,8,199)
-
#0009db
#0009db
rgb(0,9,219)
-
#0009ee
#0009ee
rgb(0,9,238)
-
#030dff
#030dff
rgb(3,13,255)
-
#1720ff
#1720ff
rgb(23,32,255)
-
#2a32ff
#2a32ff
rgb(42,50,255)
-
#3e45ff
#3e45ff
rgb(62,69,255)
-
#5158ff
#5158ff
rgb(81,88,255)
-
#656bff
#656bff
rgb(101,107,255)
-
#797eff
#797eff
rgb(121,126,255)
-
#8c91ff
#8c91ff
rgb(140,145,255)
-
#a0a4ff
#a0a4ff
rgb(160,164,255)
-
#b3b6ff
#b3b6ff
rgb(179,182,255)
-
#c7c9ff
#c7c9ff
rgb(199,201,255)
-
#dbdcff
#dbdcff
rgb(219,220,255)
-
#eeefff
#eeefff
rgb(238,239,255)
Tones of #656bff
A tone is produced by adding gray to any pure hue. In this case, #acadb8 is the less saturated color, while #656bff is the most saturated one.
-
#acadb8
#acadb8
rgb(172,173,184)
-
#a6a7be
#a6a7be
rgb(166,167,190)
-
#a0a2c4
#a0a2c4
rgb(160,162,196)
-
#9a9cca
#9a9cca
rgb(154,156,202)
-
#9497d0
#9497d0
rgb(148,151,208)
-
#8e91d6
#8e91d6
rgb(142,145,214)
-
#898cdb
#898cdb
rgb(137,140,219)
-
#8386e1
#8386e1
rgb(131,134,225)
-
#7d81e7
#7d81e7
rgb(125,129,231)
-
#777bed
#777bed
rgb(119,123,237)
-
#7176f3
#7176f3
rgb(113,118,243)
-
#6b70f9
#6b70f9
rgb(107,112,249)
-
#656bff
#656bff
rgb(101,107,255)
Color Blindness Simulator
Below, you can see how #656bff 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.