colorhexa.com

#664dfb hex color

In a RGB color space, hex #664dfb is composed of 40% red, 30.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 69.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 248.6 degrees, a saturation of 95.6% and a lightness of 64.3%. #664dfb color hex could be obtained by blending #cc9aff with #0000f7. Closest websafe color is: #6666ff.

- R 40
- G 30
- B 98
RGB color chart
- C 59
- M 69
- Y 0
- K 2
CMYK color chart

● #664dfb color description : Soft blue.

The hexadecimal color #664dfb has RGB values of R:102, G:77, B:251 and CMYK values of C:0.59, M:0.69, Y:0, K:0.02. Its decimal value is 6704635.

Hex triplet	664dfb	`#664dfb`
RGB Decimal	102, 77, 251	`rgb(102,77,251)`
RGB Percent	40, 30.2, 98.4	`rgb(40%,30.2%,98.4%)`
CMYK	59, 69, 0, 2
HSL	248.6°, 95.6, 64.3	`hsl(248.6,95.6%,64.3%)`
HSV (or HSB)	248.6°, 69.3, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.766, 56.427, -83.15
XYZ	25.543, 15.097, 92.829
xyY	0.191, 0.113, 15.097
CIE-LCH	45.766, 100.489, 304.161
CIE-LUV	45.766, -3.117, -126.257
Hunter-Lab	38.854, 49.35, -114.456
Binary	01100110, 01001101, 11111011

#664dfb
```
#664dfb rgb(102,77,251)
```
#e2fb4d
```
#e2fb4d rgb(226,251,77)
```

Complementary Color

#4d8bfb
```
#4d8bfb rgb(77,139,251)
```
#664dfb
```
#664dfb rgb(102,77,251)
```
#bd4dfb
```
#bd4dfb rgb(189,77,251)
```

Analogous Color

#8bfb4d
```
#8bfb4d rgb(139,251,77)
```
#664dfb
```
#664dfb rgb(102,77,251)
```
#fbbd4d
```
#fbbd4d rgb(251,189,77)
```

Split Complementary Color

#4dfb66
```
#4dfb66 rgb(77,251,102)
```
#664dfb
```
#664dfb rgb(102,77,251)
```
#fb664d
```
#fb664d rgb(251,102,77)
```

Triadic Color

#4de2fb
```
#4de2fb rgb(77,226,251)
```
#664dfb
```
#664dfb rgb(102,77,251)
```
#fb664d
```
#fb664d rgb(251,102,77)
```
#e2fb4d
```
#e2fb4d rgb(226,251,77)
```

Tetradic Color

#2806f6
```
#2806f6 rgb(40,6,246)
```
#3b1bfa
```
#3b1bfa rgb(59,27,250)
```
#5134fa
```
#5134fa rgb(81,52,250)
```
#664dfb
```
#664dfb rgb(102,77,251)
```
#7b66fc
```
#7b66fc rgb(123,102,252)
```
#917ffc
```
#917ffc rgb(145,127,252)
```
#a698fd
```
#a698fd rgb(166,152,253)
```

Monochromatic Color

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

#4d60fb
```
#4d60fb rgb(77,96,251)
```
#4d51fb
```
#4d51fb rgb(77,81,251)
```
#574dfb
```
#574dfb rgb(87,77,251)
```
#664dfb
```
#664dfb rgb(102,77,251)
```
#754dfb
```
#754dfb rgb(117,77,251)
```
#834dfb
```
#834dfb rgb(131,77,251)
```
#924dfb
```
#924dfb rgb(146,77,251)
```

Similar Colors

Text with hexadecimal color #664dfb

This text has a font color of #664dfb.

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

#664dfb background color

This paragraph has a background color of #664dfb.

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

#664dfb border color

This element has a border color of #664dfb.

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

CSS codes

.text {color:#664dfb;}

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

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

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

#02000e
```
#02000e rgb(2,0,14)
```
#050121
```
#050121 rgb(5,1,33)
```
#090134
```
#090134 rgb(9,1,52)
```
#0c0247
```
#0c0247 rgb(12,2,71)
```
#0f025b
```
#0f025b rgb(15,2,91)
```
#12026e
```
#12026e rgb(18,2,110)
```
#150381
```
#150381 rgb(21,3,129)
```
#180394
```
#180394 rgb(24,3,148)
```
#1b04a7
```
#1b04a7 rgb(27,4,167)
```
#1e04bb
```
#1e04bb rgb(30,4,187)
```
#2205ce
```
#2205ce rgb(34,5,206)
```
#2505e1
```
#2505e1 rgb(37,5,225)
```
#2805f4
```
#2805f4 rgb(40,5,244)
```

Shade Color Variation

#3513fa
```
#3513fa rgb(53,19,250)
```
#4527fa
```
#4527fa rgb(69,39,250)
```
#563afb
```
#563afb rgb(86,58,251)
```
#664dfb
```
#664dfb rgb(102,77,251)
```
#7660fb
```
#7660fb rgb(118,96,251)
```
#8773fc
```
#8773fc rgb(135,115,252)
```
#9787fc
```
#9787fc rgb(151,135,252)
```
#a89afd
```
#a89afd rgb(168,154,253)
```
#b8adfd
```
#b8adfd rgb(184,173,253)
```
#c9c0fe
```
#c9c0fe rgb(201,192,254)
```
#d9d3fe
```
#d9d3fe rgb(217,211,254)
```
#eae6fe
```
#eae6fe rgb(234,230,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#a2a1a7
```
#a2a1a7 rgb(162,161,167)
```
#9d9aae
```
#9d9aae rgb(157,154,174)
```
#9893b5
```
#9893b5 rgb(152,147,181)
```
#938cbc
```
#938cbc rgb(147,140,188)
```
#8e85c3
```
#8e85c3 rgb(142,133,195)
```
#897eca
```
#897eca rgb(137,126,202)
```
#8477d1
```
#8477d1 rgb(132,119,209)
```
#7f70d8
```
#7f70d8 rgb(127,112,216)
```
#7a69df
```
#7a69df rgb(122,105,223)
```
#7562e6
```
#7562e6 rgb(117,98,230)
```
#705bed
```
#705bed rgb(112,91,237)
```
#6b54f4
```
#6b54f4 rgb(107,84,244)
```
#664dfb
```
#664dfb rgb(102,77,251)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686385 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#147f88 Tritanopia 0.001% of the population

Trichromacy

#2563e6 Protanomaly 1% of men, 0.01% of women
#2567d5 Deuteranomaly 6% of men, 0.4% of women
#326cb2 Tritanomaly 0.01% of the population