#657be5 Color Information
In a RGB color space, hex #657be5 is composed of 39.6% red, 48.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 46.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 229.7 degrees, a saturation of 71.1% and a lightness of 64.7%. #657be5 color hex could be obtained by blending #caf6ff with #0000cb. Closest websafe color is: #6666cc.
-
- R 40
- G 48
- B 90
-
- C 56
- M 46
- Y 0
- K 10
● #657be5 color description : Soft blue.
#657be5 Color Conversion
The hexadecimal color #657be5 has RGB values of R:101, G:123, B:229 and CMYK values of C:0.56, M:0.46, Y:0, K:0.1. Its decimal value is 6650853.
Hex triplet | 657be5 | #657be5 |
---|---|---|
RGB Decimal | 101, 123, 229 | rgb(101,123,229) |
RGB Percent | 39.6, 48.2, 89.8 | rgb(39.6%,48.2%,89.8%) |
CMYK | 56, 46, 0, 10 | |
HSL | 229.7°, 71.1, 64.7 | hsl(229.7,71.1%,64.7%) |
HSV (or HSB) | 229.7°, 55.9, 89.8 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 54.646, 22.502, -56.447 |
---|---|
XYZ | 26.59, 22.589, 77.083 |
xyY | 0.211, 0.179, 22.589 |
CIE-LCH | 54.646, 60.767, 291.734 |
CIE-LUV | 54.646, -13.913, -90.658 |
Hunter-Lab | 47.527, 16.691, -62.892 |
Binary | 01100101, 01111011, 11100101 |
Color Schemes with #657be5
Alternatives to #657be5
Below, you can see some colors close to #657be5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#657be5 Preview
This text has a font color of #657be5.
<span style="color:#657be5;">Text here</span>
This paragraph has a background color of #657be5.
<p style="background-color:#657be5;">Content here</p>
This element has a border color of #657be5.
<div style="border:1px solid #657be5;">Content here</div>
.text {color:#657be5;}
.background {background-color:#657be5;}
.border {border:1px solid #657be5;}
Shades and Tints of #657be5
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, #02040e is the darkest color, while #fcfcff is the lightest one.
-
#02040e
#02040e
rgb(2,4,14)
-
#050a1f
#050a1f
rgb(5,10,31)
-
#080f2f
#080f2f
rgb(8,15,47)
-
#0b1440
#0b1440
rgb(11,20,64)
-
#0e1951
#0e1951
rgb(14,25,81)
-
#111e62
#111e62
rgb(17,30,98)
-
#132473
#132473
rgb(19,36,115)
-
#162983
#162983
rgb(22,41,131)
-
#192e94
#192e94
rgb(25,46,148)
-
#1c33a5
#1c33a5
rgb(28,51,165)
-
#1f39b6
#1f39b6
rgb(31,57,182)
-
#223ec6
#223ec6
rgb(34,62,198)
-
#2443d7
#2443d7
rgb(36,67,215)
-
#3350dd
#3350dd
rgb(51,80,221)
-
#435edf
#435edf
rgb(67,94,223)
-
#546de2
#546de2
rgb(84,109,226)
-
#657be5
#657be5
rgb(101,123,229)
-
#7689e8
#7689e8
rgb(118,137,232)
-
#8798eb
#8798eb
rgb(135,152,235)
-
#97a6ee
#97a6ee
rgb(151,166,238)
-
#a8b5f0
#a8b5f0
rgb(168,181,240)
-
#b9c3f3
#b9c3f3
rgb(185,195,243)
-
#cad1f6
#cad1f6
rgb(202,209,246)
-
#dae0f9
#dae0f9
rgb(218,224,249)
-
#ebeefc
#ebeefc
rgb(235,238,252)
-
#fcfcff
#fcfcff
rgb(252,252,255)
Tones of #657be5
A tone is produced by adding gray to any pure hue. In this case, #a3a4a7 is the less saturated color, while #506dfa is the most saturated one.
-
#a3a4a7
#a3a4a7
rgb(163,164,167)
-
#9c9fae
#9c9fae
rgb(156,159,174)
-
#959bb5
#959bb5
rgb(149,155,181)
-
#8f96bb
#8f96bb
rgb(143,150,187)
-
#8892c2
#8892c2
rgb(136,146,194)
-
#818dc9
#818dc9
rgb(129,141,201)
-
#7a89d0
#7a89d0
rgb(122,137,208)
-
#7384d7
#7384d7
rgb(115,132,215)
-
#6c80de
#6c80de
rgb(108,128,222)
-
#657be5
#657be5
rgb(101,123,229)
-
#5e76ec
#5e76ec
rgb(94,118,236)
-
#5772f3
#5772f3
rgb(87,114,243)
-
#506dfa
#506dfa
rgb(80,109,250)
Color Blindness Simulator
Below, you can see how #657be5 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.