#658ed4 Color Information
In a RGB color space, hex #658ed4 is composed of 39.6% red, 55.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 33% magenta, 0% yellow and 16.9% black. It has a hue angle of 217.8 degrees, a saturation of 56.3% and a lightness of 61.4%. #658ed4 color hex could be obtained by blending #caffff with #001da9. Closest websafe color is: #6699cc.
-
- R 40
- G 56
- B 83
-
- C 52
- M 33
- Y 0
- K 17
● #658ed4 color description : Moderate blue.
#658ed4 Color Conversion
The hexadecimal color #658ed4 has RGB values of R:101, G:142, B:212 and CMYK values of C:0.52, M:0.33, Y:0, K:0.17. Its decimal value is 6655700.
Hex triplet | 658ed4 | #658ed4 |
---|---|---|
RGB Decimal | 101, 142, 212 | rgb(101,142,212) |
RGB Percent | 39.6, 55.7, 83.1 | rgb(39.6%,55.7%,83.1%) |
CMYK | 52, 33, 0, 17 | |
HSL | 217.8°, 56.3, 61.4 | hsl(217.8,56.3%,61.4%) |
HSV (or HSB) | 217.8°, 52.4, 83.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.849, 5.738, -40.255 |
---|---|
XYZ | 26.921, 26.865, 66.051 |
xyY | 0.225, 0.224, 26.865 |
CIE-LCH | 58.849, 40.661, 278.112 |
CIE-LUV | 58.849, -20.183, -63.772 |
Hunter-Lab | 51.831, 2.007, -39.274 |
Binary | 01100101, 10001110, 11010100 |
Color Schemes with #658ed4
Alternatives to #658ed4
Below, you can see some colors close to #658ed4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#658ed4 Preview
This text has a font color of #658ed4.
<span style="color:#658ed4;">Text here</span>
This paragraph has a background color of #658ed4.
<p style="background-color:#658ed4;">Content here</p>
This element has a border color of #658ed4.
<div style="border:1px solid #658ed4;">Content here</div>
.text {color:#658ed4;}
.background {background-color:#658ed4;}
.border {border:1px solid #658ed4;}
Shades and Tints of #658ed4
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, #04080f is the darkest color, while #feffff is the lightest one.
-
#04080f
#04080f
rgb(4,8,15)
-
#08101e
#08101e
rgb(8,16,30)
-
#0d192d
#0d192d
rgb(13,25,45)
-
#11213d
#11213d
rgb(17,33,61)
-
#15294c
#15294c
rgb(21,41,76)
-
#1a325b
#1a325b
rgb(26,50,91)
-
#1e3a6b
#1e3a6b
rgb(30,58,107)
-
#22437a
#22437a
rgb(34,67,122)
-
#264b89
#264b89
rgb(38,75,137)
-
#2b5399
#2b5399
rgb(43,83,153)
-
#2f5ca8
#2f5ca8
rgb(47,92,168)
-
#3364b7
#3364b7
rgb(51,100,183)
-
#376cc7
#376cc7
rgb(55,108,199)
-
#4677cb
#4677cb
rgb(70,119,203)
-
#5683d0
#5683d0
rgb(86,131,208)
-
#658ed4
#658ed4
rgb(101,142,212)
-
#7499d8
#7499d8
rgb(116,153,216)
-
#84a5dd
#84a5dd
rgb(132,165,221)
-
#93b0e1
#93b0e1
rgb(147,176,225)
-
#a2bbe5
#a2bbe5
rgb(162,187,229)
-
#b2c6e9
#b2c6e9
rgb(178,198,233)
-
#c1d2ee
#c1d2ee
rgb(193,210,238)
-
#d0ddf2
#d0ddf2
rgb(208,221,242)
-
#e0e8f6
#e0e8f6
rgb(224,232,246)
-
#eff3fb
#eff3fb
rgb(239,243,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #658ed4
A tone is produced by adding gray to any pure hue. In this case, #9a9c9f is the less saturated color, while #3f84fa is the most saturated one.
-
#9a9c9f
#9a9c9f
rgb(154,156,159)
-
#929aa7
#929aa7
rgb(146,154,167)
-
#8b98ae
#8b98ae
rgb(139,152,174)
-
#8396b6
#8396b6
rgb(131,150,182)
-
#7c94bd
#7c94bd
rgb(124,148,189)
-
#7492c5
#7492c5
rgb(116,146,197)
-
#6d90cc
#6d90cc
rgb(109,144,204)
-
#658ed4
#658ed4
rgb(101,142,212)
-
#5d8cdc
#5d8cdc
rgb(93,140,220)
-
#568ae3
#568ae3
rgb(86,138,227)
-
#4e88eb
#4e88eb
rgb(78,136,235)
-
#4786f2
#4786f2
rgb(71,134,242)
-
#3f84fa
#3f84fa
rgb(63,132,250)
Color Blindness Simulator
Below, you can see how #658ed4 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.