#658bd9 Color Information
In a RGB color space, hex #658bd9 is composed of 39.6% red, 54.5% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 35.9% magenta, 0% yellow and 14.9% black. It has a hue angle of 220.3 degrees, a saturation of 60.4% and a lightness of 62.4%. #658bd9 color hex could be obtained by blending #caffff with #0017b3. Closest websafe color is: #6699cc.
-
- R 40
- G 55
- B 85
-
- C 53
- M 36
- Y 0
- K 15
● #658bd9 color description : Soft blue.
#658bd9 Color Conversion
The hexadecimal color #658bd9 has RGB values of R:101, G:139, B:217 and CMYK values of C:0.53, M:0.36, Y:0, K:0.15. Its decimal value is 6654937.
Hex triplet | 658bd9 | #658bd9 |
---|---|---|
RGB Decimal | 101, 139, 217 | rgb(101,139,217) |
RGB Percent | 39.6, 54.5, 85.1 | rgb(39.6%,54.5%,85.1%) |
CMYK | 53, 36, 0, 15 | |
HSL | 220.3°, 60.4, 62.4 | hsl(220.3,60.4%,62.4%) |
HSV (or HSB) | 220.3°, 53.5, 85.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.264, 9.069, -43.976 |
---|---|
XYZ | 27.121, 26.24, 69.278 |
xyY | 0.221, 0.214, 26.24 |
CIE-LCH | 58.264, 44.901, 281.653 |
CIE-LUV | 58.264, -19.123, -70.15 |
Hunter-Lab | 51.225, 4.862, -44.327 |
Binary | 01100101, 10001011, 11011001 |
Color Schemes with #658bd9
Alternatives to #658bd9
Below, you can see some colors close to #658bd9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#658bd9 Preview
This text has a font color of #658bd9.
<span style="color:#658bd9;">Text here</span>
This paragraph has a background color of #658bd9.
<p style="background-color:#658bd9;">Content here</p>
This element has a border color of #658bd9.
<div style="border:1px solid #658bd9;">Content here</div>
.text {color:#658bd9;}
.background {background-color:#658bd9;}
.border {border:1px solid #658bd9;}
Shades and Tints of #658bd9
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, #010203 is the darkest color, while #f3f6fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050913
#050913
rgb(5,9,19)
-
#091123
#091123
rgb(9,17,35)
-
#0c1933
#0c1933
rgb(12,25,51)
-
#102142
#102142
rgb(16,33,66)
-
#142852
#142852
rgb(20,40,82)
-
#183062
#183062
rgb(24,48,98)
-
#1c3871
#1c3871
rgb(28,56,113)
-
#204081
#204081
rgb(32,64,129)
-
#244891
#244891
rgb(36,72,145)
-
#284fa1
#284fa1
rgb(40,79,161)
-
#2c57b0
#2c57b0
rgb(44,87,176)
-
#2f5fc0
#2f5fc0
rgb(47,95,192)
-
#3667cd
#3667cd
rgb(54,103,205)
-
#4673d1
#4673d1
rgb(70,115,209)
-
#557fd5
#557fd5
rgb(85,127,213)
-
#658bd9
#658bd9
rgb(101,139,217)
-
#7597dd
#7597dd
rgb(117,151,221)
-
#84a3e1
#84a3e1
rgb(132,163,225)
-
#94afe5
#94afe5
rgb(148,175,229)
-
#a4bae9
#a4bae9
rgb(164,186,233)
-
#b4c6ec
#b4c6ec
rgb(180,198,236)
-
#c3d2f0
#c3d2f0
rgb(195,210,240)
-
#d3def4
#d3def4
rgb(211,222,244)
-
#e3eaf8
#e3eaf8
rgb(227,234,248)
-
#f3f6fc
#f3f6fc
rgb(243,246,252)
Tones of #658bd9
A tone is produced by adding gray to any pure hue. In this case, #999da5 is the less saturated color, while #407efe is the most saturated one.
-
#999da5
#999da5
rgb(153,157,165)
-
#919aad
#919aad
rgb(145,154,173)
-
#8a98b4
#8a98b4
rgb(138,152,180)
-
#8395bb
#8395bb
rgb(131,149,187)
-
#7b93c3
#7b93c3
rgb(123,147,195)
-
#7490ca
#7490ca
rgb(116,144,202)
-
#6c8ed2
#6c8ed2
rgb(108,142,210)
-
#658bd9
#658bd9
rgb(101,139,217)
-
#5e88e0
#5e88e0
rgb(94,136,224)
-
#5686e8
#5686e8
rgb(86,134,232)
-
#4f83ef
#4f83ef
rgb(79,131,239)
-
#4781f7
#4781f7
rgb(71,129,247)
-
#407efe
#407efe
rgb(64,126,254)
Color Blindness Simulator
Below, you can see how #658bd9 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.