#664afd hex color

In a RGB color space, hex #664afd is composed of 40% red, 29% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 70.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 249.4 degrees, a saturation of 97.8% and a lightness of 64.1%. #664afd color hex could be obtained by blending #cc94ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 29
- B 99
RGB color chart
- C 60
- M 71
- Y 0
- K 1
CMYK color chart

● #664afd color description : Bright blue.

The hexadecimal color #664afd has RGB values of R:102, G:74, B:253 and CMYK values of C:0.6, M:0.71, Y:0, K:0.01. Its decimal value is 6703869.

Hex triplet	664afd	`#664afd`
RGB Decimal	102, 74, 253	`rgb(102,74,253)`
RGB Percent	40, 29, 99.2	`rgb(40%,29%,99.2%)`
CMYK	60, 71, 0, 1
HSL	249.4°, 97.8, 64.1	`hsl(249.4,97.8%,64.1%)`
HSV (or HSB)	249.4°, 70.8, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.377, 58.574, -84.905
XYZ	25.655, 14.813, 94.43
xyY	0.19, 0.11, 14.813
CIE-LCH	45.377, 103.149, 304.601
CIE-LUV	45.377, -2.736, -128.206
Hunter-Lab	38.488, 51.627, -118.527
Binary	01100110, 01001010, 11111101

#664afd
```
#664afd rgb(102,74,253)
```
#e1fd4a
```
#e1fd4a rgb(225,253,74)
```

Complementary Color

#4a88fd
```
#4a88fd rgb(74,136,253)
```
#664afd
```
#664afd rgb(102,74,253)
```
#c04afd
```
#c04afd rgb(192,74,253)
```

Analogous Color

#88fd4a
```
#88fd4a rgb(136,253,74)
```
#664afd
```
#664afd rgb(102,74,253)
```
#fdc04a
```
#fdc04a rgb(253,192,74)
```

Split Complementary Color

#4afd66
```
#4afd66 rgb(74,253,102)
```
#664afd
```
#664afd rgb(102,74,253)
```
#fd664a
```
#fd664a rgb(253,102,74)
```

Triadic Color

#4ae1fd
```
#4ae1fd rgb(74,225,253)
```
#664afd
```
#664afd rgb(102,74,253)
```
#fd664a
```
#fd664a rgb(253,102,74)
```
#e1fd4a
```
#e1fd4a rgb(225,253,74)
```

Tetradic Color

#2903f8
```
#2903f8 rgb(41,3,248)
```
#3b18fc
```
#3b18fc rgb(59,24,252)
```
#5131fd
```
#5131fd rgb(81,49,253)
```
#664afd
```
#664afd rgb(102,74,253)
```
#7b63fd
```
#7b63fd rgb(123,99,253)
```
#917cfe
```
#917cfe rgb(145,124,254)
```
#a696fe
```
#a696fe rgb(166,150,254)
```

Monochromatic Color

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

#4a5bfd
```
#4a5bfd rgb(74,91,253)
```
#4a4cfd
```
#4a4cfd rgb(74,76,253)
```
#574afd
```
#574afd rgb(87,74,253)
```
#664afd
```
#664afd rgb(102,74,253)
```
#754afd
```
#754afd rgb(117,74,253)
```
#844afd
```
#844afd rgb(132,74,253)
```
#934afd
```
#934afd rgb(147,74,253)
```

Similar Colors

Text with hexadecimal color #664afd

This text has a font color of #664afd.

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

#664afd background color

This paragraph has a background color of #664afd.

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

#664afd border color

This element has a border color of #664afd.

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

CSS codes

.text {color:#664afd;}

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

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

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

#02000d
```
#02000d rgb(2,0,13)
```
#050020
```
#050020 rgb(5,0,32)
```
#090134
```
#090134 rgb(9,1,52)
```
#0c0147
```
#0c0147 rgb(12,1,71)
```
#0f015b
```
#0f015b rgb(15,1,91)
```
#12016e
```
#12016e rgb(18,1,110)
```
#150181
```
#150181 rgb(21,1,129)
```
#190295
```
#190295 rgb(25,2,149)
```
#1c02a8
```
#1c02a8 rgb(28,2,168)
```
#1f02bc
```
#1f02bc rgb(31,2,188)
```
#2202cf
```
#2202cf rgb(34,2,207)
```
#2603e2
```
#2603e2 rgb(38,3,226)
```
#2903f6
```
#2903f6 rgb(41,3,246)
```

Shade Color Variation

#3510fc
```
#3510fc rgb(53,16,252)
```
#4523fd
```
#4523fd rgb(69,35,253)
```
#5637fd
```
#5637fd rgb(86,55,253)
```
#664afd
```
#664afd rgb(102,74,253)
```
#765dfd
```
#765dfd rgb(118,93,253)
```
#8771fd
```
#8771fd rgb(135,113,253)
```
#9784fe
```
#9784fe rgb(151,132,254)
```
#a898fe
```
#a898fe rgb(168,152,254)
```
#b8abfe
```
#b8abfe rgb(184,171,254)
```
#c8befe
```
#c8befe rgb(200,190,254)
```
#d9d2ff
```
#d9d2ff rgb(217,210,255)
```
#e9e5ff
```
#e9e5ff rgb(233,229,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#a09ea9
```
#a09ea9 rgb(160,158,169)
```
#9b97b0
```
#9b97b0 rgb(155,151,176)
```
#9690b7
```
#9690b7 rgb(150,144,183)
```
#9289be
```
#9289be rgb(146,137,190)
```
#8d82c5
```
#8d82c5 rgb(141,130,197)
```
#887bcc
```
#887bcc rgb(136,123,204)
```
#8374d3
```
#8374d3 rgb(131,116,211)
```
#7e6dda
```
#7e6dda rgb(126,109,218)
```
#7966e1
```
#7966e1 rgb(121,102,225)
```
#755fe8
```
#755fe8 rgb(117,95,232)
```
#7058ef
```
#7058ef rgb(112,88,239)
```
#6b51f6
```
#6b51f6 rgb(107,81,246)
```
#664afd
```
#664afd rgb(102,74,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#2562e6 Protanomaly 1% of men, 0.01% of women
#2566d4 Deuteranomaly 6% of men, 0.4% of women
#256bb2 Tritanomaly 0.01% of the population

#664afd hex color

#664afd Color Information

#664afd Color Conversion

Color Schemes with #664afd

Alternatives to #664afd

#664afd Preview

Shades and Tints of #664afd

Tones of #664afd

Color Blindness Simulator