#645bf2 hex color

In a RGB color space, hex #645bf2 is composed of 39.2% red, 35.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 62.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 243.6 degrees, a saturation of 85.3% and a lightness of 65.3%. #645bf2 color hex could be obtained by blending #c8b6ff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 39
- G 36
- B 95
RGB color chart
- C 59
- M 62
- Y 0
- K 5
CMYK color chart

● #645bf2 color description : Soft blue.

The hexadecimal color #645bf2 has RGB values of R:100, G:91, B:242 and CMYK values of C:0.59, M:0.62, Y:0, K:0.05. Its decimal value is 6577138.

Hex triplet	645bf2	`#645bf2`
RGB Decimal	100, 91, 242	`rgb(100,91,242)`
RGB Percent	39.2, 35.7, 94.9	`rgb(39.2%,35.7%,94.9%)`
CMYK	59, 62, 0, 5
HSL	243.6°, 85.3, 65.3	`hsl(243.6,85.3%,65.3%)`
HSV (or HSB)	243.6°, 62.4, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.754, 45.646, -74.872
XYZ	25.021, 16.601, 85.885
xyY	0.196, 0.13, 16.601
CIE-LCH	47.754, 87.689, 301.369
CIE-LUV	47.754, -5.965, -116.292
Hunter-Lab	40.745, 38.31, -96.456
Binary	01100100, 01011011, 11110010

#645bf2
```
#645bf2 rgb(100,91,242)
```
#e9f25b
```
#e9f25b rgb(233,242,91)
```

Complementary Color

#5b9ef2
```
#5b9ef2 rgb(91,158,242)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#b05bf2
```
#b05bf2 rgb(176,91,242)
```

Analogous Color

#9ef25b
```
#9ef25b rgb(158,242,91)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#f2b05b
```
#f2b05b rgb(242,176,91)
```

Split Complementary Color

#5bf264
```
#5bf264 rgb(91,242,100)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#f2645b
```
#f2645b rgb(242,100,91)
```

Triadic Color

#5be9f2
```
#5be9f2 rgb(91,233,242)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#f2645b
```
#f2645b rgb(242,100,91)
```
#e9f25b
```
#e9f25b rgb(233,242,91)
```

Tetradic Color

#2114ec
```
#2114ec rgb(33,20,236)
```
#372cee
```
#372cee rgb(55,44,238)
```
#4e43f0
```
#4e43f0 rgb(78,67,240)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#7a73f4
```
#7a73f4 rgb(122,115,244)
```
#918af6
```
#918af6 rgb(145,138,246)
```
#a7a2f8
```
#a7a2f8 rgb(167,162,248)
```

Monochromatic Color

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

#5b78f2
```
#5b78f2 rgb(91,120,242)
```
#5b6bf2
```
#5b6bf2 rgb(91,107,242)
```
#5b5ff2
```
#5b5ff2 rgb(91,95,242)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#715bf2
```
#715bf2 rgb(113,91,242)
```
#7d5bf2
```
#7d5bf2 rgb(125,91,242)
```
#8a5bf2
```
#8a5bf2 rgb(138,91,242)
```

Similar Colors

Text with hexadecimal color #645bf2

This text has a font color of #645bf2.

<span style="color:#645bf2;">Text here</span>

#645bf2 background color

This paragraph has a background color of #645bf2.

<p style="background-color:#645bf2;">Content here</p>

#645bf2 border color

This element has a border color of #645bf2.

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

CSS codes

.text {color:#645bf2;}

.background {background-color:#645bf2;}

.border {border:1px solid #645bf2;}

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

#020112
```
#020112 rgb(2,1,18)
```
#050324
```
#050324 rgb(5,3,36)
```
#070436
```
#070436 rgb(7,4,54)
```
#0a0648
```
#0a0648 rgb(10,6,72)
```
#0c075a
```
#0c075a rgb(12,7,90)
```
#0f096d
```
#0f096d rgb(15,9,109)
```
#110a7f
```
#110a7f rgb(17,10,127)
```
#130b91
```
#130b91 rgb(19,11,145)
```
#160da3
```
#160da3 rgb(22,13,163)
```
#180eb5
```
#180eb5 rgb(24,14,181)
```
#1b10c7
```
#1b10c7 rgb(27,16,199)
```
#1d11da
```
#1d11da rgb(29,17,218)
```
#2013ec
```
#2013ec rgb(32,19,236)
```

Shade Color Variation

#3024ee
```
#3024ee rgb(48,36,238)
```
#4237ef
```
#4237ef rgb(66,55,239)
```
#5349f1
```
#5349f1 rgb(83,73,241)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#756df3
```
#756df3 rgb(117,109,243)
```
#867ff5
```
#867ff5 rgb(134,127,245)
```
#9892f6
```
#9892f6 rgb(152,146,246)
```
#a9a4f8
```
#a9a4f8 rgb(169,164,248)
```
#bab6f9
```
#bab6f9 rgb(186,182,249)
```
#cbc8fb
```
#cbc8fb rgb(203,200,251)
```
#dcdafc
```
#dcdafc rgb(220,218,252)
```
#edecfe
```
#edecfe rgb(237,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a6a7
```
#a6a6a7 rgb(166,166,167)
```
#a09fae
```
#a09fae rgb(160,159,174)
```
#9a98b5
```
#9a98b5 rgb(154,152,181)
```
#9491bc
```
#9491bc rgb(148,145,188)
```
#8e8bc2
```
#8e8bc2 rgb(142,139,194)
```
#8884c9
```
#8884c9 rgb(136,132,201)
```
#827dd0
```
#827dd0 rgb(130,125,208)
```
#7c76d7
```
#7c76d7 rgb(124,118,215)
```
#766fde
```
#766fde rgb(118,111,222)
```
#7069e4
```
#7069e4 rgb(112,105,228)
```
#6a62eb
```
#6a62eb rgb(106,98,235)
```
#645bf2
```
#645bf2 rgb(100,91,242)
```
#5e54f9
```
#5e54f9 rgb(94,84,249)
```

Tone Color Variation

Below, you can see how #645bf2 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

#6f6f6f Achromatopsia 0.005% of the population
#6d6b89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#2a838d Tritanopia 0.001% of the population

Trichromacy

#246be9 Protanomaly 1% of men, 0.01% of women
#246fd7 Deuteranomaly 6% of men, 0.4% of women
#3f74b1 Tritanomaly 0.01% of the population

#645bf2 hex color

#645bf2 Color Information

#645bf2 Color Conversion

Color Schemes with #645bf2

Alternatives to #645bf2

#645bf2 Preview

Shades and Tints of #645bf2

Tones of #645bf2

Color Blindness Simulator