#664cb2 hex color

In a RGB color space, hex #664cb2 is composed of 40% red, 29.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 57.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 255.3 degrees, a saturation of 40.2% and a lightness of 49.8%. #664cb2 color hex could be obtained by blending #cc98ff with #000065. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 30
- B 70
RGB color chart
- C 43
- M 57
- Y 0
- K 30
CMYK color chart

● #664cb2 color description : Dark moderate violet.

The hexadecimal color #664cb2 has RGB values of R:102, G:76, B:178 and CMYK values of C:0.43, M:0.57, Y:0, K:0.3. Its decimal value is 6704306.

Hex triplet	664cb2	`#664cb2`
RGB Decimal	102, 76, 178	`rgb(102,76,178)`
RGB Percent	40, 29.8, 69.8	`rgb(40%,29.8%,69.8%)`
CMYK	43, 57, 0, 30
HSL	255.3°, 40.2, 49.8	`hsl(255.3,40.2%,49.8%)`
HSV (or HSB)	255.3°, 57.3, 69.8
Web Safe	663399	`#663399`

CIE-LAB	39.928, 35.572, -50.797
XYZ	16.098, 11.208, 43.432
xyY	0.228, 0.158, 11.208
CIE-LCH	39.928, 62.013, 305.003
CIE-LUV	39.928, 3.582, -76.623
Hunter-Lab	33.478, 27.247, -53.484
Binary	01100110, 01001100, 10110010

#664cb2
```
#664cb2 rgb(102,76,178)
```
#98b24c
```
#98b24c rgb(152,178,76)
```

Complementary Color

#4c65b2
```
#4c65b2 rgb(76,101,178)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```
#994cb2
```
#994cb2 rgb(153,76,178)
```

Analogous Color

#65b24c
```
#65b24c rgb(101,178,76)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```
#b2994c
```
#b2994c rgb(178,153,76)
```

Split Complementary Color

#4cb266
```
#4cb266 rgb(76,178,102)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```
#b2664c
```
#b2664c rgb(178,102,76)
```

Triadic Color

#4c98b2
```
#4c98b2 rgb(76,152,178)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```
#b2664c
```
#b2664c rgb(178,102,76)
```
#98b24c
```
#98b24c rgb(152,178,76)
```

Tetradic Color

#47357c
```
#47357c rgb(71,53,124)
```
#523d8e
```
#523d8e rgb(82,61,142)
```
#5c44a0
```
#5c44a0 rgb(92,68,160)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```
#755dba
```
#755dba rgb(117,93,186)
```
#846fc2
```
#846fc2 rgb(132,111,194)
```
#9481c9
```
#9481c9 rgb(148,129,201)
```

Monochromatic Color

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

#4d4cb2
```
#4d4cb2 rgb(77,76,178)
```
#554cb2
```
#554cb2 rgb(85,76,178)
```
#5e4cb2
```
#5e4cb2 rgb(94,76,178)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```
#6f4cb2
```
#6f4cb2 rgb(111,76,178)
```
#774cb2
```
#774cb2 rgb(119,76,178)
```
#804cb2
```
#804cb2 rgb(128,76,178)
```

Similar Colors

Text with hexadecimal color #664cb2

This text has a font color of #664cb2.

<span style="color:#664cb2;">Text here</span>

#664cb2 background color

This paragraph has a background color of #664cb2.

<p style="background-color:#664cb2;">Content here</p>

#664cb2 border color

This element has a border color of #664cb2.

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

CSS codes

.text {color:#664cb2;}

.background {background-color:#664cb2;}

.border {border:1px solid #664cb2;}

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

#07060d
```
#07060d rgb(7,6,13)
```
#0f0b1b
```
#0f0b1b rgb(15,11,27)
```
#171129
```
#171129 rgb(23,17,41)
```
#1f1736
```
#1f1736 rgb(31,23,54)
```
#271d44
```
#271d44 rgb(39,29,68)
```
#2f2352
```
#2f2352 rgb(47,35,82)
```
#372960
```
#372960 rgb(55,41,96)
```
#3f2f6d
```
#3f2f6d rgb(63,47,109)
```
#46357b
```
#46357b rgb(70,53,123)
```
#4e3a89
```
#4e3a89 rgb(78,58,137)
```
#564097
```
#564097 rgb(86,64,151)
```
#5e46a4
```
#5e46a4 rgb(94,70,164)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```

Shade Color Variation

#7259b8
```
#7259b8 rgb(114,89,184)
```
#7d67be
```
#7d67be rgb(125,103,190)
```
#8975c4
```
#8975c4 rgb(137,117,196)
```
#9583ca
```
#9583ca rgb(149,131,202)
```
#a090d0
```
#a090d0 rgb(160,144,208)
```
#ac9ed6
```
#ac9ed6 rgb(172,158,214)
```
#b8acdb
```
#b8acdb rgb(184,172,219)
```
#c4bae1
```
#c4bae1 rgb(196,186,225)
```
#cfc7e7
```
#cfc7e7 rgb(207,199,231)
```
#dbd5ed
```
#dbd5ed rgb(219,213,237)
```
#e7e3f3
```
#e7e3f3 rgb(231,227,243)
```
#f3f1f9
```
#f3f1f9 rgb(243,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7d81 is the less saturated color, while #4408f6 is the most saturated one.

#7e7d81
```
#7e7d81 rgb(126,125,129)
```
#79738b
```
#79738b rgb(121,115,139)
```
#746995
```
#746995 rgb(116,105,149)
```
#70609e
```
#70609e rgb(112,96,158)
```
#6b56a8
```
#6b56a8 rgb(107,86,168)
```
#664cb2
```
#664cb2 rgb(102,76,178)
```
#6142bc
```
#6142bc rgb(97,66,188)
```
#5c38c6
```
#5c38c6 rgb(92,56,198)
```
#582fcf
```
#582fcf rgb(88,47,207)
```
#5325d9
```
#5325d9 rgb(83,37,217)
```
#4e1be3
```
#4e1be3 rgb(78,27,227)
```
#4911ed
```
#4911ed rgb(73,17,237)
```
#4408f6
```
#4408f6 rgb(68,8,246)
```

Tone Color Variation

Below, you can see how #664cb2 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

#5f5f5f Achromatopsia 0.005% of the population
#605b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0b63c2 Protanopia 1% of men
#0068ad Deuteranopia 1% of men
#586970 Tritanopia 0.001% of the population

Trichromacy

#2c5abc Protanomaly 1% of men, 0.01% of women
#255daf Deuteranomaly 6% of men, 0.4% of women
#5d5e88 Tritanomaly 0.01% of the population

#664cb2 hex color

#664cb2 Color Information

#664cb2 Color Conversion

Color Schemes with #664cb2

Alternatives to #664cb2

#664cb2 Preview

Shades and Tints of #664cb2

Tones of #664cb2

Color Blindness Simulator