#654bf0 hex color

In a RGB color space, hex #654bf0 is composed of 39.6% red, 29.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 68.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 249.5 degrees, a saturation of 84.6% and a lightness of 61.8%. #654bf0 color hex could be obtained by blending #ca96ff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 29
- B 94
RGB color chart
- C 58
- M 69
- Y 0
- K 6
CMYK color chart

● #654bf0 color description : Soft blue.

The hexadecimal color #654bf0 has RGB values of R:101, G:75, B:240 and CMYK values of C:0.58, M:0.69, Y:0, K:0.06. Its decimal value is 6638576.

Hex triplet	654bf0	`#654bf0`
RGB Decimal	101, 75, 240	`rgb(101,75,240)`
RGB Percent	39.6, 29.4, 94.1	`rgb(39.6%,29.4%,94.1%)`
CMYK	58, 69, 0, 6
HSL	249.5°, 84.6, 61.8	`hsl(249.5,84.6%,61.8%)`
HSV (or HSB)	249.5°, 68.8, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.361, 54.124, -79.293
XYZ	23.608, 14.089, 83.909
xyY	0.194, 0.116, 14.089
CIE-LCH	44.361, 96.004, 304.317
CIE-LUV	44.361, -2.193, -119.827
Hunter-Lab	37.536, 46.58, -106.264
Binary	01100101, 01001011, 11110000

#654bf0
```
#654bf0 rgb(101,75,240)
```
#d6f04b
```
#d6f04b rgb(214,240,75)
```

Complementary Color

#4b84f0
```
#4b84f0 rgb(75,132,240)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#b84bf0
```
#b84bf0 rgb(184,75,240)
```

Analogous Color

#84f04b
```
#84f04b rgb(132,240,75)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#f0b84b
```
#f0b84b rgb(240,184,75)
```

Split Complementary Color

#4bf065
```
#4bf065 rgb(75,240,101)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#f0654b
```
#f0654b rgb(240,101,75)
```

Triadic Color

#4bd6f0
```
#4bd6f0 rgb(75,214,240)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#f0654b
```
#f0654b rgb(240,101,75)
```
#d6f04b
```
#d6f04b rgb(214,240,75)
```

Tetradic Color

#3212dc
```
#3212dc rgb(50,18,220)
```
#3d1cec
```
#3d1cec rgb(61,28,236)
```
#5133ee
```
#5133ee rgb(81,51,238)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#7963f2
```
#7963f2 rgb(121,99,242)
```
#8d7af4
```
#8d7af4 rgb(141,122,244)
```
#a192f6
```
#a192f6 rgb(161,146,246)
```

Monochromatic Color

Below, you can see some colors close to #654bf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#4b5af0
```
#4b5af0 rgb(75,90,240)
```
#4b4df0
```
#4b4df0 rgb(75,77,240)
```
#574bf0
```
#574bf0 rgb(87,75,240)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#734bf0
```
#734bf0 rgb(115,75,240)
```
#814bf0
```
#814bf0 rgb(129,75,240)
```
#8e4bf0
```
#8e4bf0 rgb(142,75,240)
```

Similar Colors

Text with hexadecimal color #654bf0

This text has a font color of #654bf0.

<span style="color:#654bf0;">Text here</span>

#654bf0 background color

This paragraph has a background color of #654bf0.

<p style="background-color:#654bf0;">Content here</p>

#654bf0 border color

This element has a border color of #654bf0.

<div style="border:1px solid #654bf0;">Content here</div>

CSS codes

.text {color:#654bf0;}

.background {background-color:#654bf0;}

.border {border:1px solid #654bf0;}

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, #000001 is the darkest color, while #f0eefe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#040213
```
#040213 rgb(4,2,19)
```
#080325
```
#080325 rgb(8,3,37)
```
#0d0537
```
#0d0537 rgb(13,5,55)
```
#110649
```
#110649 rgb(17,6,73)
```
#15085c
```
#15085c rgb(21,8,92)
```
#19096e
```
#19096e rgb(25,9,110)
```
#1d0b80
```
#1d0b80 rgb(29,11,128)
```
#210c92
```
#210c92 rgb(33,12,146)
```
#250ea4
```
#250ea4 rgb(37,14,164)
```
#290fb6
```
#290fb6 rgb(41,15,182)
```
#2e11c8
```
#2e11c8 rgb(46,17,200)
```
#3212da
```
#3212da rgb(50,18,218)
```

Shade Color Variation

#3715eb
```
#3715eb rgb(55,21,235)
```
#4627ed
```
#4627ed rgb(70,39,237)
```
#5639ee
```
#5639ee rgb(86,57,238)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#745df2
```
#745df2 rgb(116,93,242)
```
#846ff3
```
#846ff3 rgb(132,111,243)
```
#9381f5
```
#9381f5 rgb(147,129,245)
```
#a393f6
```
#a393f6 rgb(163,147,246)
```
#b2a6f8
```
#b2a6f8 rgb(178,166,248)
```
#c2b8f9
```
#c2b8f9 rgb(194,184,249)
```
#d1cafb
```
#d1cafb rgb(209,202,251)
```
#e1dcfc
```
#e1dcfc rgb(225,220,252)
```
#f0eefe
```
#f0eefe rgb(240,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9896a5 is the less saturated color, while #5b3cff is the most saturated one.

#9896a5
```
#9896a5 rgb(152,150,165)
```
#938fad
```
#938fad rgb(147,143,173)
```
#8e87b4
```
#8e87b4 rgb(142,135,180)
```
#8980bc
```
#8980bc rgb(137,128,188)
```
#8478c3
```
#8478c3 rgb(132,120,195)
```
#7f71cb
```
#7f71cb rgb(127,113,203)
```
#7a69d2
```
#7a69d2 rgb(122,105,210)
```
#7462da
```
#7462da rgb(116,98,218)
```
#6f5ae1
```
#6f5ae1 rgb(111,90,225)
```
#6a53e9
```
#6a53e9 rgb(106,83,233)
```
#654bf0
```
#654bf0 rgb(101,75,240)
```
#6044f8
```
#6044f8 rgb(96,68,248)
```
#5b3cff
```
#5b3cff rgb(91,60,255)
```

Tone Color Variation

Below, you can see how #654bf0 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.

Monochromacy

#666666 Achromatopsia 0.005% of the population
#666182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#297a83 Tritanopia 0.001% of the population

Trichromacy

#2460de Protanomaly 1% of men, 0.01% of women
#2464cd Deuteranomaly 6% of men, 0.4% of women
#3f69ab Tritanomaly 0.01% of the population

#654bf0 hex color

#654bf0 Color Information

#654bf0 Color Conversion

Color Schemes with #654bf0

Alternatives to #654bf0

#654bf0 Preview

Shades and Tints of #654bf0

Tones of #654bf0

Color Blindness Simulator