#7a66f2 hex color

In a RGB color space, hex #7a66f2 is composed of 47.8% red, 40% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 57.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.6 degrees, a saturation of 84.3% and a lightness of 67.5%. #7a66f2 color hex could be obtained by blending #f4ccff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 48
- G 40
- B 95
RGB color chart
- C 50
- M 58
- Y 0
- K 5
CMYK color chart

● #7a66f2 color description : Soft blue.

The hexadecimal color #7a66f2 has RGB values of R:122, G:102, B:242 and CMYK values of C:0.5, M:0.58, Y:0, K:0.05. Its decimal value is 8021746.

Hex triplet	7a66f2	`#7a66f2`
RGB Decimal	122, 102, 242	`rgb(122,102,242)`
RGB Percent	47.8, 40, 94.9	`rgb(47.8%,40%,94.9%)`
CMYK	50, 58, 0, 5
HSL	248.6°, 84.3, 67.5	`hsl(248.6,84.3%,67.5%)`
HSV (or HSB)	248.6°, 57.9, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.894, 43.19, -68.067
XYZ	28.801, 20.05, 86.352
xyY	0.213, 0.148, 20.05
CIE-LCH	51.894, 80.613, 302.396
CIE-LUV	51.894, -1.427, -109.129
Hunter-Lab	44.778, 36.452, -82.994
Binary	01111010, 01100110, 11110010

#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#def266
```
#def266 rgb(222,242,102)
```

Complementary Color

#6698f2
```
#6698f2 rgb(102,152,242)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#c066f2
```
#c066f2 rgb(192,102,242)
```

Analogous Color

#98f266
```
#98f266 rgb(152,242,102)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#f2c066
```
#f2c066 rgb(242,192,102)
```

Split Complementary Color

#66f27a
```
#66f27a rgb(102,242,122)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#f27a66
```
#f27a66 rgb(242,122,102)
```

Triadic Color

#66def2
```
#66def2 rgb(102,222,242)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#f27a66
```
#f27a66 rgb(242,122,102)
```
#def266
```
#def266 rgb(222,242,102)
```

Tetradic Color

#3d1fec
```
#3d1fec rgb(61,31,236)
```
#5137ee
```
#5137ee rgb(81,55,238)
```
#664ef0
```
#664ef0 rgb(102,78,240)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#8e7ef4
```
#8e7ef4 rgb(142,126,244)
```
#a395f6
```
#a395f6 rgb(163,149,246)
```
#b7adf8
```
#b7adf8 rgb(183,173,248)
```

Monochromatic Color

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

#6675f2
```
#6675f2 rgb(102,117,242)
```
#6669f2
```
#6669f2 rgb(102,105,242)
```
#6e66f2
```
#6e66f2 rgb(110,102,242)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#8666f2
```
#8666f2 rgb(134,102,242)
```
#9166f2
```
#9166f2 rgb(145,102,242)
```
#9d66f2
```
#9d66f2 rgb(157,102,242)
```

Similar Colors

Text with hexadecimal color #7a66f2

This text has a font color of #7a66f2.

<span style="color:#7a66f2;">Text here</span>

#7a66f2 background color

This paragraph has a background color of #7a66f2.

<p style="background-color:#7a66f2;">Content here</p>

#7a66f2 border color

This element has a border color of #7a66f2.

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

CSS codes

.text {color:#7a66f2;}

.background {background-color:#7a66f2;}

.border {border:1px solid #7a66f2;}

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

#02010a
```
#02010a rgb(2,1,10)
```
#06021c
```
#06021c rgb(6,2,28)
```
#0a042e
```
#0a042e rgb(10,4,46)
```
#0e0540
```
#0e0540 rgb(14,5,64)
```
#120752
```
#120752 rgb(18,7,82)
```
#160964
```
#160964 rgb(22,9,100)
```
#190a76
```
#190a76 rgb(25,10,118)
```
#1d0c88
```
#1d0c88 rgb(29,12,136)
```
#210d9a
```
#210d9a rgb(33,13,154)
```
#250fac
```
#250fac rgb(37,15,172)
```
#2910bf
```
#2910bf rgb(41,16,191)
```
#2d12d1
```
#2d12d1 rgb(45,18,209)
```
#3113e3
```
#3113e3 rgb(49,19,227)
```

Shade Color Variation

#3b1eec
```
#3b1eec rgb(59,30,236)
```
#4b30ed
```
#4b30ed rgb(75,48,237)
```
#5b42ef
```
#5b42ef rgb(91,66,239)
```
#6a54f0
```
#6a54f0 rgb(106,84,240)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#8a78f4
```
#8a78f4 rgb(138,120,244)
```
#998af5
```
#998af5 rgb(153,138,245)
```
#a99cf7
```
#a99cf7 rgb(169,156,247)
```
#b9aef8
```
#b9aef8 rgb(185,174,248)
```
#c9c0fa
```
#c9c0fa rgb(201,192,250)
```
#d8d2fb
```
#d8d2fb rgb(216,210,251)
```
#e8e5fd
```
#e8e5fd rgb(232,229,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#a8a6b2
```
#a8a6b2 rgb(168,166,178)
```
#a39fb9
```
#a39fb9 rgb(163,159,185)
```
#9e99bf
```
#9e99bf rgb(158,153,191)
```
#9a93c5
```
#9a93c5 rgb(154,147,197)
```
#958ccc
```
#958ccc rgb(149,140,204)
```
#9186d2
```
#9186d2 rgb(145,134,210)
```
#8c80d8
```
#8c80d8 rgb(140,128,216)
```
#8879df
```
#8879df rgb(136,121,223)
```
#8373e5
```
#8373e5 rgb(131,115,229)
```
#7f6cec
```
#7f6cec rgb(127,108,236)
```
#7a66f2
```
#7a66f2 rgb(122,102,242)
```
#7560f8
```
#7560f8 rgb(117,96,248)
```
#7159ff
```
#7159ff rgb(113,89,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#7c7894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085db Deuteranopia 1% of men
#5b8993 Tritanopia 0.001% of the population

Trichromacy

#2c75f5 Protanomaly 1% of men, 0.01% of women
#2c79e3 Deuteranomaly 6% of men, 0.4% of women
#667cb5 Tritanomaly 0.01% of the population

#7a66f2 hex color

#7a66f2 Color Information

#7a66f2 Color Conversion

Color Schemes with #7a66f2

Alternatives to #7a66f2

#7a66f2 Preview

Shades and Tints of #7a66f2

Tones of #7a66f2

Color Blindness Simulator