#9978f2 hex color

In a RGB color space, hex #9978f2 is composed of 60% red, 47.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 50.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 256.2 degrees, a saturation of 82.4% and a lightness of 71%. #9978f2 color hex could be obtained by blending #fff0ff with #3300e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 60
- G 47
- B 95
RGB color chart
- C 37
- M 50
- Y 0
- K 5
CMYK color chart

● #9978f2 color description : Soft violet.

The hexadecimal color #9978f2 has RGB values of R:153, G:120, B:242 and CMYK values of C:0.37, M:0.5, Y:0, K:0.05. Its decimal value is 10057970.

Hex triplet	9978f2	`#9978f2`
RGB Decimal	153, 120, 242	`rgb(153,120,242)`
RGB Percent	60, 47.1, 94.9	`rgb(60%,47.1%,94.9%)`
CMYK	37, 50, 0, 5
HSL	256.2°, 82.4, 71	`hsl(256.2,82.4%,71%)`
HSV (or HSB)	256.2°, 50.4, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	58.617, 39.728, -57.113
XYZ	35.878, 26.616, 87.247
xyY	0.24, 0.178, 26.616
CIE-LCH	58.617, 69.572, 304.822
CIE-LUV	58.617, 6.173, -94.939
Hunter-Lab	51.59, 33.851, -64.154
Binary	10011001, 01111000, 11110010

#9978f2
```
#9978f2 rgb(153,120,242)
```
#d1f278
```
#d1f278 rgb(209,242,120)
```

Complementary Color

#7894f2
```
#7894f2 rgb(120,148,242)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#d678f2
```
#d678f2 rgb(214,120,242)
```

Analogous Color

#94f278
```
#94f278 rgb(148,242,120)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#f2d678
```
#f2d678 rgb(242,214,120)
```

Split Complementary Color

#78f299
```
#78f299 rgb(120,242,153)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#f29978
```
#f29978 rgb(242,153,120)
```

Triadic Color

#78d1f2
```
#78d1f2 rgb(120,209,242)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#f29978
```
#f29978 rgb(242,153,120)
```
#d1f278
```
#d1f278 rgb(209,242,120)
```

Tetradic Color

#6432eb
```
#6432eb rgb(100,50,235)
```
#7649ee
```
#7649ee rgb(118,73,238)
```
#8761f0
```
#8761f0 rgb(135,97,240)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#ab8ff4
```
#ab8ff4 rgb(171,143,244)
```
#bca7f6
```
#bca7f6 rgb(188,167,246)
```
#cebef9
```
#cebef9 rgb(206,190,249)
```

Monochromatic Color

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

#7b78f2
```
#7b78f2 rgb(123,120,242)
```
#8578f2
```
#8578f2 rgb(133,120,242)
```
#8f78f2
```
#8f78f2 rgb(143,120,242)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#a378f2
```
#a378f2 rgb(163,120,242)
```
#ad78f2
```
#ad78f2 rgb(173,120,242)
```
#b878f2
```
#b878f2 rgb(184,120,242)
```

Similar Colors

Text with hexadecimal color #9978f2

This text has a font color of #9978f2.

<span style="color:#9978f2;">Text here</span>

#9978f2 background color

This paragraph has a background color of #9978f2.

<p style="background-color:#9978f2;">Content here</p>

#9978f2 border color

This element has a border color of #9978f2.

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

CSS codes

.text {color:#9978f2;}

.background {background-color:#9978f2;}

.border {border:1px solid #9978f2;}

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, #030108 is the darkest color, while #f8f5fe is the lightest one.

#030108
```
#030108 rgb(3,1,8)
```
#09031a
```
#09031a rgb(9,3,26)
```
#0f042c
```
#0f042c rgb(15,4,44)
```
#15063e
```
#15063e rgb(21,6,62)
```
#1b0850
```
#1b0850 rgb(27,8,80)
```
#210962
```
#210962 rgb(33,9,98)
```
#270b73
```
#270b73 rgb(39,11,115)
```
#2d0d85
```
#2d0d85 rgb(45,13,133)
```
#340f97
```
#340f97 rgb(52,15,151)
```
#3a10a9
```
#3a10a9 rgb(58,16,169)
```
#4012bb
```
#4012bb rgb(64,18,187)
```
#4614cd
```
#4614cd rgb(70,20,205)
```
#4c15df
```
#4c15df rgb(76,21,223)
```

Shade Color Variation

#551fe9
```
#551fe9 rgb(85,31,233)
```
#6330eb
```
#6330eb rgb(99,48,235)
```
#7042ed
```
#7042ed rgb(112,66,237)
```
#7e54ef
```
#7e54ef rgb(126,84,239)
```
#8b66f0
```
#8b66f0 rgb(139,102,240)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#a78af4
```
#a78af4 rgb(167,138,244)
```
#b49cf5
```
#b49cf5 rgb(180,156,245)
```
#c2aef7
```
#c2aef7 rgb(194,174,247)
```
#cfc0f9
```
#cfc0f9 rgb(207,192,249)
```
#ddd1fb
```
#ddd1fb rgb(221,209,251)
```
#eae3fc
```
#eae3fc rgb(234,227,252)
```
#f8f5fe
```
#f8f5fe rgb(248,245,254)
```

Tint Color Variation

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

#b3b1b9
```
#b3b1b9 rgb(179,177,185)
```
#b1abbf
```
#b1abbf rgb(177,171,191)
```
#aea6c4
```
#aea6c4 rgb(174,166,196)
```
#aba0ca
```
#aba0ca rgb(171,160,202)
```
#a99ad0
```
#a99ad0 rgb(169,154,208)
```
#a694d6
```
#a694d6 rgb(166,148,214)
```
#a38fdb
```
#a38fdb rgb(163,143,219)
```
#a189e1
```
#a189e1 rgb(161,137,225)
```
#9e83e7
```
#9e83e7 rgb(158,131,231)
```
#9c7eec
```
#9c7eec rgb(156,126,236)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#9672f8
```
#9672f8 rgb(150,114,248)
```
#946dfd
```
#946dfd rgb(148,109,253)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#928ba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#538fff Protanopia 1% of men
#4f94ea Deuteranopia 1% of men
#87949f Tritanopia 0.001% of the population

Trichromacy

#6d86fa Protanomaly 1% of men, 0.01% of women
#6a89ed Deuteranomaly 6% of men, 0.4% of women
#8d8abd Tritanomaly 0.01% of the population

#9978f2 hex color

#9978f2 Color Information

#9978f2 Color Conversion

Color Schemes with #9978f2

Alternatives to #9978f2

#9978f2 Preview

Shades and Tints of #9978f2

Tones of #9978f2

Color Blindness Simulator