#977cf2 hex color

In a RGB color space, hex #977cf2 is composed of 59.2% red, 48.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 48.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 253.7 degrees, a saturation of 81.9% and a lightness of 71.8%. #977cf2 color hex could be obtained by blending #fff8ff with #2f00e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 59
- G 49
- B 95
RGB color chart
- C 38
- M 49
- Y 0
- K 5
CMYK color chart

● #977cf2 color description : Soft blue.

The hexadecimal color #977cf2 has RGB values of R:151, G:124, B:242 and CMYK values of C:0.38, M:0.49, Y:0, K:0.05. Its decimal value is 9927922.

Hex triplet	977cf2	`#977cf2`
RGB Decimal	151, 124, 242	`rgb(151,124,242)`
RGB Percent	59.2, 48.6, 94.9	`rgb(59.2%,48.6%,94.9%)`
CMYK	38, 49, 0, 5
HSL	253.7°, 81.9, 71.8	`hsl(253.7,81.9%,71.8%)`
HSV (or HSB)	253.7°, 48.8, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.347, 36.971, -55.958
XYZ	35.994, 27.405, 87.393
xyY	0.239, 0.182, 27.405
CIE-LCH	59.347, 67.068, 303.453
CIE-LUV	59.347, 3.981, -93.03
Hunter-Lab	52.35, 31.12, -62.334
Binary	10010111, 01111100, 11110010

#977cf2
```
#977cf2 rgb(151,124,242)
```
#d7f27c
```
#d7f27c rgb(215,242,124)
```

Complementary Color

#7c9cf2
```
#7c9cf2 rgb(124,156,242)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#d27cf2
```
#d27cf2 rgb(210,124,242)
```

Analogous Color

#9cf27c
```
#9cf27c rgb(156,242,124)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#f2d27c
```
#f2d27c rgb(242,210,124)
```

Split Complementary Color

#7cf297
```
#7cf297 rgb(124,242,151)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#f2977c
```
#f2977c rgb(242,151,124)
```

Triadic Color

#7cd7f2
```
#7cd7f2 rgb(124,215,242)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#f2977c
```
#f2977c rgb(242,151,124)
```
#d7f27c
```
#d7f27c rgb(215,242,124)
```

Tetradic Color

#6036eb
```
#6036eb rgb(96,54,235)
```
#724eed
```
#724eed rgb(114,78,237)
```
#8565f0
```
#8565f0 rgb(133,101,240)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#a993f4
```
#a993f4 rgb(169,147,244)
```
#bcaaf7
```
#bcaaf7 rgb(188,170,247)
```
#cec2f9
```
#cec2f9 rgb(206,194,249)
```

Monochromatic Color

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

#7c7ff2
```
#7c7ff2 rgb(124,127,242)
```
#837cf2
```
#837cf2 rgb(131,124,242)
```
#8d7cf2
```
#8d7cf2 rgb(141,124,242)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#a17cf2
```
#a17cf2 rgb(161,124,242)
```
#ab7cf2
```
#ab7cf2 rgb(171,124,242)
```
#b57cf2
```
#b57cf2 rgb(181,124,242)
```

Similar Colors

Text with hexadecimal color #977cf2

This text has a font color of #977cf2.

<span style="color:#977cf2;">Text here</span>

#977cf2 background color

This paragraph has a background color of #977cf2.

<p style="background-color:#977cf2;">Content here</p>

#977cf2 border color

This element has a border color of #977cf2.

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

CSS codes

.text {color:#977cf2;}

.background {background-color:#977cf2;}

.border {border:1px solid #977cf2;}

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, #04010c is the darkest color, while #faf9fe is the lightest one.

#04010c
```
#04010c rgb(4,1,12)
```
#09031e
```
#09031e rgb(9,3,30)
```
#0e052f
```
#0e052f rgb(14,5,47)
```
#140641
```
#140641 rgb(20,6,65)
```
#190853
```
#190853 rgb(25,8,83)
```
#1f0a65
```
#1f0a65 rgb(31,10,101)
```
#240c77
```
#240c77 rgb(36,12,119)
```
#2a0e89
```
#2a0e89 rgb(42,14,137)
```
#2f0f9b
```
#2f0f9b rgb(47,15,155)
```
#3511ac
```
#3511ac rgb(53,17,172)
```
#3a13be
```
#3a13be rgb(58,19,190)
```
#4015d0
```
#4015d0 rgb(64,21,208)
```
#4516e2
```
#4516e2 rgb(69,22,226)
```

Shade Color Variation

#5023e9
```
#5023e9 rgb(80,35,233)
```
#5e35eb
```
#5e35eb rgb(94,53,235)
```
#6d46ed
```
#6d46ed rgb(109,70,237)
```
#7b58ee
```
#7b58ee rgb(123,88,238)
```
#896af0
```
#896af0 rgb(137,106,240)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#a58ef4
```
#a58ef4 rgb(165,142,244)
```
#b3a0f6
```
#b3a0f6 rgb(179,160,246)
```
#c2b2f7
```
#c2b2f7 rgb(194,178,247)
```
#d0c3f9
```
#d0c3f9 rgb(208,195,249)
```
#ded5fb
```
#ded5fb rgb(222,213,251)
```
#ece7fd
```
#ece7fd rgb(236,231,253)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#b5b3bb
```
#b5b3bb rgb(181,179,187)
```
#b2aec0
```
#b2aec0 rgb(178,174,192)
```
#afa8c6
```
#afa8c6 rgb(175,168,198)
```
#aca3cb
```
#aca3cb rgb(172,163,203)
```
#a99dd1
```
#a99dd1 rgb(169,157,209)
```
#a698d6
```
#a698d6 rgb(166,152,214)
```
#a392dc
```
#a392dc rgb(163,146,220)
```
#a08de1
```
#a08de1 rgb(160,141,225)
```
#9d87e7
```
#9d87e7 rgb(157,135,231)
```
#9a82ec
```
#9a82ec rgb(154,130,236)
```
#977cf2
```
#977cf2 rgb(151,124,242)
```
#9476f8
```
#9476f8 rgb(148,118,248)
```
#9171fd
```
#9171fd rgb(145,113,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#938ea5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991fe Protanopia 1% of men
#5595eb Deuteranopia 1% of men
#8597a2 Tritanopia 0.001% of the population

Trichromacy

#6f89fa Protanomaly 1% of men, 0.01% of women
#6d8ced Deuteranomaly 6% of men, 0.4% of women
#8c8dbf Tritanomaly 0.01% of the population

#977cf2 hex color

#977cf2 Color Information

#977cf2 Color Conversion

Color Schemes with #977cf2

Alternatives to #977cf2

#977cf2 Preview

Shades and Tints of #977cf2

Tones of #977cf2

Color Blindness Simulator