#654bd2 color information
In a RGB color space, hex #654bd2 is composed of 39.6% red, 29.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 64.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 251.6 degrees, a saturation of 60% and a lightness of 55.9%. #654bd2 color hex could be obtained by blending #ca96ff with #0000a5. Closest websafe color is: #6633cc.
#654bd2 color conversion
The hexadecimal color #654bd2 has RGB values of R:101, G:75, B:210 and CMYK values of C:0.52, M:0.64, Y:0, K:0.18. Its decimal value is 6638546.
- Hex triplet 654bd2
#654bd2 - RGB Decimal 101, 75, 210
rgb(101,75,210) - RGB Percent 39.6, 29.4, 82.4
rgb(39.6%,29.4%,82.4%) - CMYK 52, 64, 0, 18
- HSL 251.6°, 60, 55.9
hsl(252,60%,56%) - HSV (or HSB) 251.6°, 64.3, 82.4
- Web Safe 6633cc
#6633cc
- CIE-LAB 41.925, 45.288, -66.206
- XYZ 19.514, 12.452, 62.344
- xyY 0.207, 0.132, 12.452
- CIE-LCH 41.925, 80.214, 304.374
- CIE-LUV 41.925, 0.333, -99.968
- Hunter-Lab 35.287, 36.959, -80.053
- Binary 01100101, 01001011, 11010010
Color Schemes with #654bd2
#654bd2 in action
This text has a font color of #654bd2.
<span style="color:#654bd2;">Text here</span>
This paragraph has a background color of #654bd2.
<p style="background-color:#654bd2;">Content here</p>
This element has a border color of #654bd2.
<div style="border:1px solid #654bd2;">Content here</div>
.text {color:#654bd2;}
.background {background-color:#654bd2;}
.border {border:1px solid #654bd2;}
Shades of #654bd2
- #030208 #030208
rgb(3,2,8) - #100a28 #100a28
rgb(16,10,40) - #1c1247 #1c1247
rgb(28,18,71) - #281a66 #281a66
rgb(40,26,102) - #352186 #352186
rgb(53,33,134) - #4129a5 #4129a5
rgb(65,41,165) - #4e31c5 #4e31c5
rgb(78,49,197) - #654bd2 #654bd2
rgb(101,75,210) - #806ada #806ada
rgb(128,106,218) - #9b8ae2 #9b8ae2
rgb(155,138,226) - #b6a9ea #b6a9ea
rgb(182,169,234) - #d0c9f1 #d0c9f1
rgb(208,201,241) - #ebe8f9 #ebe8f9
rgb(235,232,249)
Color Blindness Simulator
Below, you can see how #654bd2 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.
