#645bff hex color

In a RGB color space, hex #645bff is composed of 39.2% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 243.3 degrees, a saturation of 100% and a lightness of 67.8%. #645bff color hex could be obtained by blending #c8b6ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 39
- G 36
- B 100
RGB color chart
- C 61
- M 64
- Y 0
- K 0
CMYK color chart

● #645bff color description : Light blue.

The hexadecimal color #645bff has RGB values of R:100, G:91, B:255 and CMYK values of C:0.61, M:0.64, Y:0, K:0. Its decimal value is 6577151.

Hex triplet	645bff	`#645bff`
RGB Decimal	100, 91, 255	`rgb(100,91,255)`
RGB Percent	39.2, 35.7, 100	`rgb(39.2%,35.7%,100%)`
CMYK	61, 64, 0, 0
HSL	243.3°, 100, 67.8	`hsl(243.3,100%,67.8%)`
HSV (or HSB)	243.3°, 64.3, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.773, 49.665, -80.459
XYZ	27.043, 17.41, 96.538
xyY	0.192, 0.123, 17.41
CIE-LCH	48.773, 94.553, 301.686
CIE-LUV	48.773, -6.739, -125.004
Hunter-Lab	41.726, 42.669, -107.967
Binary	01100100, 01011011, 11111111

#645bff
```
#645bff rgb(100,91,255)
```
#f6ff5b
```
#f6ff5b rgb(246,255,91)
```

Complementary Color

#5ba4ff
```
#5ba4ff rgb(91,164,255)
```
#645bff
```
#645bff rgb(100,91,255)
```
#b65bff
```
#b65bff rgb(182,91,255)
```

Analogous Color

#a4ff5b
```
#a4ff5b rgb(164,255,91)
```
#645bff
```
#645bff rgb(100,91,255)
```
#ffb65b
```
#ffb65b rgb(255,182,91)
```

Split Complementary Color

#5bff64
```
#5bff64 rgb(91,255,100)
```
#645bff
```
#645bff rgb(100,91,255)
```
#ff645b
```
#ff645b rgb(255,100,91)
```

Triadic Color

#5bf6ff
```
#5bf6ff rgb(91,246,255)
```
#645bff
```
#645bff rgb(100,91,255)
```
#ff645b
```
#ff645b rgb(255,100,91)
```
#f6ff5b
```
#f6ff5b rgb(246,255,91)
```

Tetradic Color

#1c0fff
```
#1c0fff rgb(28,15,255)
```
#3428ff
```
#3428ff rgb(52,40,255)
```
#4c42ff
```
#4c42ff rgb(76,66,255)
```
#645bff
```
#645bff rgb(100,91,255)
```
#7c75ff
```
#7c75ff rgb(124,117,255)
```
#948eff
```
#948eff rgb(148,142,255)
```
#aca8ff
```
#aca8ff rgb(172,168,255)
```

Monochromatic Color

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

#5b7bff
```
#5b7bff rgb(91,123,255)
```
#5b6dff
```
#5b6dff rgb(91,109,255)
```
#5b60ff
```
#5b60ff rgb(91,96,255)
```
#645bff
```
#645bff rgb(100,91,255)
```
#725bff
```
#725bff rgb(114,91,255)
```
#7f5bff
```
#7f5bff rgb(127,91,255)
```
#8d5bff
```
#8d5bff rgb(141,91,255)
```

Similar Colors

Text with hexadecimal color #645bff

This text has a font color of #645bff.

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

#645bff background color

This paragraph has a background color of #645bff.

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

#645bff border color

This element has a border color of #645bff.

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

CSS codes

.text {color:#645bff;}

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

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

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, #01000d is the darkest color, while #f8f8ff is the lightest one.

#01000d
```
#01000d rgb(1,0,13)
```
#020020
```
#020020 rgb(2,0,32)
```
#030034
```
#030034 rgb(3,0,52)
```
#040047
```
#040047 rgb(4,0,71)
```
#05005b
```
#05005b rgb(5,0,91)
```
#06006f
```
#06006f rgb(6,0,111)
```
#070082
```
#070082 rgb(7,0,130)
```
#080096
```
#080096 rgb(8,0,150)
```
#0900a9
```
#0900a9 rgb(9,0,169)
```
#0a00bd
```
#0a00bd rgb(10,0,189)
```
#0b00d1
```
#0b00d1 rgb(11,0,209)
```
#0d00e4
```
#0d00e4 rgb(13,0,228)
```
#0e00f8
```
#0e00f8 rgb(14,0,248)
```

Shade Color Variation

#1a0dff
```
#1a0dff rgb(26,13,255)
```
#2c20ff
```
#2c20ff rgb(44,32,255)
```
#3f34ff
```
#3f34ff rgb(63,52,255)
```
#5147ff
```
#5147ff rgb(81,71,255)
```
#645bff
```
#645bff rgb(100,91,255)
```
#776fff
```
#776fff rgb(119,111,255)
```
#8982ff
```
#8982ff rgb(137,130,255)
```
#9c96ff
```
#9c96ff rgb(156,150,255)
```
#aea9ff
```
#aea9ff rgb(174,169,255)
```
#c1bdff
```
#c1bdff rgb(193,189,255)
```
#d3d1ff
```
#d3d1ff rgb(211,209,255)
```
#e6e4ff
```
#e6e4ff rgb(230,228,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#a7a7b3
```
#a7a7b3 rgb(167,167,179)
```
#a2a0ba
```
#a2a0ba rgb(162,160,186)
```
#9c9ac0
```
#9c9ac0 rgb(156,154,192)
```
#9794c6
```
#9794c6 rgb(151,148,198)
```
#918dcd
```
#918dcd rgb(145,141,205)
```
#8b87d3
```
#8b87d3 rgb(139,135,211)
```
#8681d9
```
#8681d9 rgb(134,129,217)
```
#807bdf
```
#807bdf rgb(128,123,223)
```
#7a74e6
```
#7a74e6 rgb(122,116,230)
```
#756eec
```
#756eec rgb(117,110,236)
```
#6f68f2
```
#6f68f2 rgb(111,104,242)
```
#6a61f9
```
#6a61f9 rgb(106,97,249)
```
#645bff
```
#645bff rgb(100,91,255)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6e6c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#246df1 Protanomaly 1% of men, 0.01% of women
#2471de Deuteranomaly 6% of men, 0.4% of women
#2477b8 Tritanomaly 0.01% of the population

#645bff hex color

#645bff Color Information

#645bff Color Conversion

Color Schemes with #645bff

Alternatives to #645bff

#645bff Preview

Shades and Tints of #645bff

Tones of #645bff

Color Blindness Simulator