#977dfa hex color

In a RGB color space, hex #977dfa is composed of 59.2% red, 49% green and 98% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 50% magenta, 0% yellow and 2% black. It has a hue angle of 252.5 degrees, a saturation of 92.6% and a lightness of 73.5%. #977dfa color hex could be obtained by blending #fffaff with #2f00f5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 59
- G 49
- B 98
RGB color chart
- C 40
- M 50
- Y 0
- K 2
CMYK color chart

● #977dfa color description : Soft blue.

The hexadecimal color #977dfa has RGB values of R:151, G:125, B:250 and CMYK values of C:0.4, M:0.5, Y:0, K:0.02. Its decimal value is 9928186.

Hex triplet	977dfa	`#977dfa`
RGB Decimal	151, 125, 250	`rgb(151,125,250)`
RGB Percent	59.2, 49, 98	`rgb(59.2%,49%,98%)`
CMYK	40, 50, 0, 2
HSL	252.5°, 92.6, 73.5	`hsl(252.5,92.6%,73.5%)`
HSV (or HSB)	252.5°, 50, 98
Web Safe	9966ff	`#9966ff`

CIE-LAB	60.022, 38.542, -59.299
XYZ	37.348, 28.148, 93.903
xyY	0.234, 0.177, 28.148
CIE-LCH	60.022, 70.724, 303.022
CIE-LUV	60.022, 2.883, -98.772
Hunter-Lab	53.055, 32.81, -67.8
Binary	10010111, 01111101, 11111010

#977dfa
```
#977dfa rgb(151,125,250)
```
#e0fa7d
```
#e0fa7d rgb(224,250,125)
```

Complementary Color

#7da2fa
```
#7da2fa rgb(125,162,250)
```
#977dfa
```
#977dfa rgb(151,125,250)
```
#d67dfa
```
#d67dfa rgb(214,125,250)
```

Analogous Color

#a2fa7d
```
#a2fa7d rgb(162,250,125)
```
#977dfa
```
#977dfa rgb(151,125,250)
```
#fad67d
```
#fad67d rgb(250,214,125)
```

Split Complementary Color

#7dfa97
```
#7dfa97 rgb(125,250,151)
```
#977dfa
```
#977dfa rgb(151,125,250)
```
#fa977d
```
#fa977d rgb(250,151,125)
```

Triadic Color

#7de0fa
```
#7de0fa rgb(125,224,250)
```
#977dfa
```
#977dfa rgb(151,125,250)
```
#fa977d
```
#fa977d rgb(250,151,125)
```
#e0fa7d
```
#e0fa7d rgb(224,250,125)
```

Tetradic Color

#5c33f7
```
#5c33f7 rgb(92,51,247)
```
#704cf8
```
#704cf8 rgb(112,76,248)
```
#8364f9
```
#8364f9 rgb(131,100,249)
```
#977dfa
```
#977dfa rgb(151,125,250)
```
#ab96fb
```
#ab96fb rgb(171,150,251)
```
#beaefc
```
#beaefc rgb(190,174,252)
```
#d2c7fd
```
#d2c7fd rgb(210,199,253)
```

Monochromatic Color

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

#7d82fa
```
#7d82fa rgb(125,130,250)
```
#827dfa
```
#827dfa rgb(130,125,250)
```
#8d7dfa
```
#8d7dfa rgb(141,125,250)
```
#977dfa
```
#977dfa rgb(151,125,250)
```
#a17dfa
```
#a17dfa rgb(161,125,250)
```
#ac7dfa
```
#ac7dfa rgb(172,125,250)
```
#b67dfa
```
#b67dfa rgb(182,125,250)
```

Similar Colors

Text with hexadecimal color #977dfa

This text has a font color of #977dfa.

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

#977dfa background color

This paragraph has a background color of #977dfa.

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

#977dfa border color

This element has a border color of #977dfa.

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

CSS codes

.text {color:#977dfa;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050115
```
#050115 rgb(5,1,21)
```
#0a0228
```
#0a0228 rgb(10,2,40)
```
#0e023b
```
#0e023b rgb(14,2,59)
```
#13034e
```
#13034e rgb(19,3,78)
```
#170461
```
#170461 rgb(23,4,97)
```
#1c0474
```
#1c0474 rgb(28,4,116)
```
#200586
```
#200586 rgb(32,5,134)
```
#250699
```
#250699 rgb(37,6,153)
```
#2907ac
```
#2907ac rgb(41,7,172)
```
#2e07bf
```
#2e07bf rgb(46,7,191)
```
#3208d2
```
#3208d2 rgb(50,8,210)
```
#3709e5
```
#3709e5 rgb(55,9,229)
```

Shade Color Variation

#3c0cf6
```
#3c0cf6 rgb(60,12,246)
```
#4b1ff6
```
#4b1ff6 rgb(75,31,246)
```
#5b31f7
```
#5b31f7 rgb(91,49,247)
```
#6a44f8
```
#6a44f8 rgb(106,68,248)
```
#7957f9
```
#7957f9 rgb(121,87,249)
```
#886af9
```
#886af9 rgb(136,106,249)
```
#977dfa
```
#977dfa rgb(151,125,250)
```
#a690fb
```
#a690fb rgb(166,144,251)
```
#b5a3fb
```
#b5a3fb rgb(181,163,251)
```
#c4b6fc
```
#c4b6fc rgb(196,182,252)
```
#d3c9fd
```
#d3c9fd rgb(211,201,253)
```
#e3dbfe
```
#e3dbfe rgb(227,219,254)
```
#f2eefe
```
#f2eefe rgb(242,238,254)
```

Tint Color Variation

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

#bbbbbc
```
#bbbbbc rgb(187,187,188)
```
#b8b6c1
```
#b8b6c1 rgb(184,182,193)
```
#b5b1c6
```
#b5b1c6 rgb(181,177,198)
```
#b2accb
```
#b2accb rgb(178,172,203)
```
#afa7d0
```
#afa7d0 rgb(175,167,208)
```
#aca1d6
```
#aca1d6 rgb(172,161,214)
```
#a99cdb
```
#a99cdb rgb(169,156,219)
```
#a697e0
```
#a697e0 rgb(166,151,224)
```
#a392e5
```
#a392e5 rgb(163,146,229)
```
#a08dea
```
#a08dea rgb(160,141,234)
```
#9d87f0
```
#9d87f0 rgb(157,135,240)
```
#9a82f5
```
#9a82f5 rgb(154,130,245)
```
#977dfa
```
#977dfa rgb(151,125,250)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#948fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c92ff Protanopia 1% of men
#4c97f2 Deuteranopia 1% of men
#8399a4 Tritanopia 0.001% of the population

Trichromacy

#728afd Protanomaly 1% of men, 0.01% of women
#678ef5 Deuteranomaly 6% of men, 0.4% of women
#8a8fc3 Tritanomaly 0.01% of the population

#977dfa hex color

#977dfa Color Information

#977dfa Color Conversion

Color Schemes with #977dfa

Alternatives to #977dfa

#977dfa Preview

Shades and Tints of #977dfa

Tones of #977dfa

Color Blindness Simulator