colorhexa.com

#664cb4 hex color

In a RGB color space, hex #664cb4 is composed of 40% red, 29.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 57.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 255 degrees, a saturation of 40.9% and a lightness of 50.2%. #664cb4 color hex could be obtained by blending #cc98ff with #000069. Closest websafe color is: #6633cc.

- R 40
- G 30
- B 71
RGB color chart
- C 43
- M 58
- Y 0
- K 29
CMYK color chart

● #664cb4 color description : Moderate blue.

The hexadecimal color #664cb4 has RGB values of R:102, G:76, B:180 and CMYK values of C:0.43, M:0.58, Y:0, K:0.29. Its decimal value is 6704308.

Hex triplet	664cb4	`#664cb4`
RGB Decimal	102, 76, 180	`rgb(102,76,180)`
RGB Percent	40, 29.8, 70.6	`rgb(40%,29.8%,70.6%)`
CMYK	43, 58, 0, 29
HSL	255°, 40.9, 50.2	`hsl(255,40.9%,50.2%)`
HSV (or HSB)	255°, 57.8, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.063, 36.147, -51.759
XYZ	16.301, 11.289, 44.498
xyY	0.226, 0.157, 11.289
CIE-LCH	40.063, 63.132, 304.929
CIE-LUV	40.063, 3.374, -78.106
Hunter-Lab	33.599, 27.803, -55.004
Binary	01100110, 01001100, 10110100

#664cb4
```
#664cb4 rgb(102,76,180)
```
#9ab44c
```
#9ab44c rgb(154,180,76)
```

Complementary Color

#4c66b4
```
#4c66b4 rgb(76,102,180)
```
#664cb4
```
#664cb4 rgb(102,76,180)
```
#9a4cb4
```
#9a4cb4 rgb(154,76,180)
```

Analogous Color

#66b44c
```
#66b44c rgb(102,180,76)
```
#664cb4
```
#664cb4 rgb(102,76,180)
```
#b49a4c
```
#b49a4c rgb(180,154,76)
```

Split Complementary Color

#4cb466
```
#4cb466 rgb(76,180,102)
```
#664cb4
```
#664cb4 rgb(102,76,180)
```
#b4664c
```
#b4664c rgb(180,102,76)
```

Triadic Color

#4c9ab4
```
#4c9ab4 rgb(76,154,180)
```
#664cb4
```
#664cb4 rgb(102,76,180)
```
#b4664c
```
#b4664c rgb(180,102,76)
```
#9ab44c
```
#9ab44c rgb(154,180,76)
```

Tetradic Color

#47357e
```
#47357e rgb(71,53,126)
```
#523d90
```
#523d90 rgb(82,61,144)
```
#5c44a2
```
#5c44a2 rgb(92,68,162)
```
#664cb4
```
#664cb4 rgb(102,76,180)
```
#755ebc
```
#755ebc rgb(117,94,188)
```
#8570c3
```
#8570c3 rgb(133,112,195)
```
#9482cb
```
#9482cb rgb(148,130,203)
```

Monochromatic Color

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

#4c4cb4
```
#4c4cb4 rgb(76,76,180)
```
#554cb4
```
#554cb4 rgb(85,76,180)
```
#5d4cb4
```
#5d4cb4 rgb(93,76,180)
```
#664cb4
```
#664cb4 rgb(102,76,180)
```
#6f4cb4
```
#6f4cb4 rgb(111,76,180)
```
#774cb4
```
#774cb4 rgb(119,76,180)
```
#804cb4
```
#804cb4 rgb(128,76,180)
```

Similar Colors

Text with hexadecimal color #664cb4

This text has a font color of #664cb4.

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

#664cb4 background color

This paragraph has a background color of #664cb4.

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

#664cb4 border color

This element has a border color of #664cb4.

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

CSS codes

.text {color:#664cb4;}

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

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

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 #f4f2fa is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#08060f
```
#08060f rgb(8,6,15)
```
#100c1c
```
#100c1c rgb(16,12,28)
```
#18122a
```
#18122a rgb(24,18,42)
```
#201738
```
#201738 rgb(32,23,56)
```
#271d46
```
#271d46 rgb(39,29,70)
```
#2f2354
```
#2f2354 rgb(47,35,84)
```
#372961
```
#372961 rgb(55,41,97)
```
#3f2f6f
```
#3f2f6f rgb(63,47,111)
```
#47347d
```
#47347d rgb(71,52,125)
```
#4e3a8b
```
#4e3a8b rgb(78,58,139)
```
#564099
```
#564099 rgb(86,64,153)
```
#5e46a7
```
#5e46a7 rgb(94,70,167)
```

Shade Color Variation

#664cb4
```
#664cb4 rgb(102,76,180)
```
#725aba
```
#725aba rgb(114,90,186)
```
#7e68c0
```
#7e68c0 rgb(126,104,192)
```
#8975c5
```
#8975c5 rgb(137,117,197)
```
#9583cb
```
#9583cb rgb(149,131,203)
```
#a191d1
```
#a191d1 rgb(161,145,209)
```
#ad9fd7
```
#ad9fd7 rgb(173,159,215)
```
#b9addd
```
#b9addd rgb(185,173,221)
```
#c5bbe2
```
#c5bbe2 rgb(197,187,226)
```
#d0c8e8
```
#d0c8e8 rgb(208,200,232)
```
#dcd6ee
```
#dcd6ee rgb(220,214,238)
```
#e8e4f4
```
#e8e4f4 rgb(232,228,244)
```
#f4f2fa
```
#f4f2fa rgb(244,242,250)
```

Tint Color Variation

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

#7e7d83
```
#7e7d83 rgb(126,125,131)
```
#7a738d
```
#7a738d rgb(122,115,141)
```
#756997
```
#756997 rgb(117,105,151)
```
#7060a0
```
#7060a0 rgb(112,96,160)
```
#6b56aa
```
#6b56aa rgb(107,86,170)
```
#664cb4
```
#664cb4 rgb(102,76,180)
```
#6142be
```
#6142be rgb(97,66,190)
```
#5c38c8
```
#5c38c8 rgb(92,56,200)
```
#572fd1
```
#572fd1 rgb(87,47,209)
```
#5225db
```
#5225db rgb(82,37,219)
```
#4e1be5
```
#4e1be5 rgb(78,27,229)
```
#4911ef
```
#4911ef rgb(73,17,239)
```
#4408f8
```
#4408f8 rgb(68,8,248)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#615c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0068ad Deuteranopia 1% of men
#576971 Tritanopia 0.001% of the population

Trichromacy

#255abd Protanomaly 1% of men, 0.01% of women
#255eb0 Deuteranomaly 6% of men, 0.4% of women
#5d5e89 Tritanomaly 0.01% of the population