#6664bd hex color

In a RGB color space, hex #6664bd is composed of 40% red, 39.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 47.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 241.3 degrees, a saturation of 40.3% and a lightness of 56.7%. #6664bd color hex could be obtained by blending #ccc8ff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 40
- G 39
- B 74
RGB color chart
- C 46
- M 47
- Y 0
- K 26
CMYK color chart

● #6664bd color description : Slightly desaturated blue.

The hexadecimal color #6664bd has RGB values of R:102, G:100, B:189 and CMYK values of C:0.46, M:0.47, Y:0, K:0.26. Its decimal value is 6710461.

Hex triplet	6664bd	`#6664bd`
RGB Decimal	102, 100, 189	`rgb(102,100,189)`
RGB Percent	40, 39.2, 74.1	`rgb(40%,39.2%,74.1%)`
CMYK	46, 47, 0, 26
HSL	241.3°, 40.3, 56.7	`hsl(241.3,40.3%,56.7%)`
HSV (or HSB)	241.3°, 47.1, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.462, 24.245, -46.753
XYZ	19.22, 15.613, 50.142
xyY	0.226, 0.184, 15.613
CIE-LCH	46.462, 52.665, 297.41
CIE-LUV	46.462, -4.509, -72.716
Hunter-Lab	39.513, 17.68, -47.58
Binary	01100110, 01100100, 10111101

#6664bd
```
#6664bd rgb(102,100,189)
```
#bbbd64
```
#bbbd64 rgb(187,189,100)
```

Complementary Color

#648fbd
```
#648fbd rgb(100,143,189)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#9364bd
```
#9364bd rgb(147,100,189)
```

Analogous Color

#8fbd64
```
#8fbd64 rgb(143,189,100)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#bd9364
```
#bd9364 rgb(189,147,100)
```

Split Complementary Color

#64bd66
```
#64bd66 rgb(100,189,102)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#bd6664
```
#bd6664 rgb(189,102,100)
```

Triadic Color

#64bbbd
```
#64bbbd rgb(100,187,189)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#bd6664
```
#bd6664 rgb(189,102,100)
```
#bbbd64
```
#bbbd64 rgb(187,189,100)
```

Tetradic Color

#413f95
```
#413f95 rgb(65,63,149)
```
#4947a7
```
#4947a7 rgb(73,71,167)
```
#5452b5
```
#5452b5 rgb(84,82,181)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#7876c5
```
#7876c5 rgb(120,118,197)
```
#8988cc
```
#8988cc rgb(137,136,204)
```
#9b9ad4
```
#9b9ad4 rgb(155,154,212)
```

Monochromatic Color

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

#6478bd
```
#6478bd rgb(100,120,189)
```
#6471bd
```
#6471bd rgb(100,113,189)
```
#6469bd
```
#6469bd rgb(100,105,189)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#6d64bd
```
#6d64bd rgb(109,100,189)
```
#7564bd
```
#7564bd rgb(117,100,189)
```
#7c64bd
```
#7c64bd rgb(124,100,189)
```

Similar Colors

Text with hexadecimal color #6664bd

This text has a font color of #6664bd.

<span style="color:#6664bd;">Text here</span>

#6664bd background color

This paragraph has a background color of #6664bd.

<p style="background-color:#6664bd;">Content here</p>

#6664bd border color

This element has a border color of #6664bd.

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

CSS codes

.text {color:#6664bd;}

.background {background-color:#6664bd;}

.border {border:1px solid #6664bd;}

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#0a0a18
```
#0a0a18 rgb(10,10,24)
```
#101026
```
#101026 rgb(16,16,38)
```
#171633
```
#171633 rgb(23,22,51)
```
#1d1c41
```
#1d1c41 rgb(29,28,65)
```
#23224f
```
#23224f rgb(35,34,79)
```
#29275d
```
#29275d rgb(41,39,93)
```
#2f2d6a
```
#2f2d6a rgb(47,45,106)
```
#353378
```
#353378 rgb(53,51,120)
```
#3b3986
```
#3b3986 rgb(59,57,134)
```
#413f94
```
#413f94 rgb(65,63,148)
```
#4745a1
```
#4745a1 rgb(71,69,161)
```
#4d4baf
```
#4d4baf rgb(77,75,175)
```

Shade Color Variation

#5856b7
```
#5856b7 rgb(88,86,183)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#7472c3
```
#7472c3 rgb(116,114,195)
```
#8180c9
```
#8180c9 rgb(129,128,201)
```
#8f8dcf
```
#8f8dcf rgb(143,141,207)
```
#9c9bd4
```
#9c9bd4 rgb(156,155,212)
```
#aaa9da
```
#aaa9da rgb(170,169,218)
```
#b7b7e0
```
#b7b7e0 rgb(183,183,224)
```
#c5c4e6
```
#c5c4e6 rgb(197,196,230)
```
#d3d2ec
```
#d3d2ec rgb(211,210,236)
```
#e0e0f2
```
#e0e0f2 rgb(224,224,242)
```
#eeeef8
```
#eeeef8 rgb(238,238,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f93 is the less saturated color, while #2d29f9 is the most saturated one.

#8f8f93
```
#8f8f93 rgb(143,143,147)
```
#86869b
```
#86869b rgb(134,134,155)
```
#7e7ea4
```
#7e7ea4 rgb(126,126,164)
```
#7675ac
```
#7675ac rgb(118,117,172)
```
#6e6db5
```
#6e6db5 rgb(110,109,181)
```
#6664bd
```
#6664bd rgb(102,100,189)
```
#5e5cc6
```
#5e5cc6 rgb(94,92,198)
```
#5653ce
```
#5653ce rgb(86,83,206)
```
#4e4bd7
```
#4e4bd7 rgb(78,75,215)
```
#4642df
```
#4642df rgb(70,66,223)
```
#3d3ae8
```
#3d3ae8 rgb(61,58,232)
```
#3531f0
```
#3531f0 rgb(53,49,240)
```
#2d29f9
```
#2d29f9 rgb(45,41,249)
```

Tone Color Variation

Below, you can see how #6664bd 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
#6d6d7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a72c6 Protanopia 1% of men
#3f76bc Deuteranopia 1% of men
#587b83 Tritanopia 0.001% of the population

Trichromacy

#546dc2 Protanomaly 1% of men, 0.01% of women
#4d6fbc Deuteranomaly 6% of men, 0.4% of women
#5d7298 Tritanomaly 0.01% of the population

#6664bd hex color

#6664bd Color Information

#6664bd Color Conversion

Color Schemes with #6664bd

Alternatives to #6664bd

#6664bd Preview

Shades and Tints of #6664bd

Tones of #6664bd

Color Blindness Simulator