#977bfc hex color

In a RGB color space, hex #977bfc is composed of 59.2% red, 48.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 51.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 253 degrees, a saturation of 95.6% and a lightness of 73.5%. #977bfc color hex could be obtained by blending #fff6ff with #2f00f9. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 59
- G 48
- B 99
RGB color chart
- C 40
- M 51
- Y 0
- K 1
CMYK color chart

● #977bfc color description : Soft blue.

The hexadecimal color #977bfc has RGB values of R:151, G:123, B:252 and CMYK values of C:0.4, M:0.51, Y:0, K:0.01. Its decimal value is 9927676.

Hex triplet	977bfc	`#977bfc`
RGB Decimal	151, 123, 252	`rgb(151,123,252)`
RGB Percent	59.2, 48.2, 98.8	`rgb(59.2%,48.2%,98.8%)`
CMYK	40, 51, 0, 1
HSL	253°, 95.6, 73.5	`hsl(253,95.6%,73.5%)`
HSV (or HSB)	253°, 51.2, 98.8
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.683, 40.216, -60.943
XYZ	37.413, 27.773, 95.48
xyY	0.233, 0.173, 27.773
CIE-LCH	59.683, 73.016, 303.42
CIE-LUV	59.683, 3.313, -101.454
Hunter-Lab	52.7, 34.496, -70.529
Binary	10010111, 01111011, 11111100

#977bfc
```
#977bfc rgb(151,123,252)
```
#e0fc7b
```
#e0fc7b rgb(224,252,123)
```

Complementary Color

#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#977bfc
```
#977bfc rgb(151,123,252)
```
#d87bfc
```
#d87bfc rgb(216,123,252)
```

Analogous Color

#a0fc7b
```
#a0fc7b rgb(160,252,123)
```
#977bfc
```
#977bfc rgb(151,123,252)
```
#fcd87b
```
#fcd87b rgb(252,216,123)
```

Split Complementary Color

#7bfc97
```
#7bfc97 rgb(123,252,151)
```
#977bfc
```
#977bfc rgb(151,123,252)
```
#fc977b
```
#fc977b rgb(252,151,123)
```

Triadic Color

#7be0fc
```
#7be0fc rgb(123,224,252)
```
#977bfc
```
#977bfc rgb(151,123,252)
```
#fc977b
```
#fc977b rgb(252,151,123)
```
#e0fc7b
```
#e0fc7b rgb(224,252,123)
```

Tetradic Color

#5c30fa
```
#5c30fa rgb(92,48,250)
```
#7049fb
```
#7049fb rgb(112,73,251)
```
#8362fb
```
#8362fb rgb(131,98,251)
```
#977bfc
```
#977bfc rgb(151,123,252)
```
#ab94fd
```
#ab94fd rgb(171,148,253)
```
#beadfd
```
#beadfd rgb(190,173,253)
```
#d2c6fe
```
#d2c6fe rgb(210,198,254)
```

Monochromatic Color

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

#7b7ffc
```
#7b7ffc rgb(123,127,252)
```
#827bfc
```
#827bfc rgb(130,123,252)
```
#8c7bfc
```
#8c7bfc rgb(140,123,252)
```
#977bfc
```
#977bfc rgb(151,123,252)
```
#a27bfc
```
#a27bfc rgb(162,123,252)
```
#ad7bfc
```
#ad7bfc rgb(173,123,252)
```
#b77bfc
```
#b77bfc rgb(183,123,252)
```

Similar Colors

Text with hexadecimal color #977bfc

This text has a font color of #977bfc.

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

#977bfc background color

This paragraph has a background color of #977bfc.

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

#977bfc border color

This element has a border color of #977bfc.

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

CSS codes

.text {color:#977bfc;}

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

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

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 #f2eeff is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#050015
```
#050015 rgb(5,0,21)
```
#0a0129
```
#0a0129 rgb(10,1,41)
```
#0e013c
```
#0e013c rgb(14,1,60)
```
#13024f
```
#13024f rgb(19,2,79)
```
#170262
```
#170262 rgb(23,2,98)
```
#1c0375
```
#1c0375 rgb(28,3,117)
```
#200389
```
#200389 rgb(32,3,137)
```
#25049c
```
#25049c rgb(37,4,156)
```
#2904af
```
#2904af rgb(41,4,175)
```
#2e04c2
```
#2e04c2 rgb(46,4,194)
```
#3205d5
```
#3205d5 rgb(50,5,213)
```
#3705e8
```
#3705e8 rgb(55,5,232)
```

Shade Color Variation

#3c08f9
```
#3c08f9 rgb(60,8,249)
```
#4b1bfa
```
#4b1bfa rgb(75,27,250)
```
#5b2efa
```
#5b2efa rgb(91,46,250)
```
#6a41fb
```
#6a41fb rgb(106,65,251)
```
#7955fb
```
#7955fb rgb(121,85,251)
```
#8868fc
```
#8868fc rgb(136,104,252)
```
#977bfc
```
#977bfc rgb(151,123,252)
```
#a68efc
```
#a68efc rgb(166,142,252)
```
#b5a1fd
```
#b5a1fd rgb(181,161,253)
```
#c4b5fd
```
#c4b5fd rgb(196,181,253)
```
#d3c8fe
```
#d3c8fe rgb(211,200,254)
```
#e3dbfe
```
#e3dbfe rgb(227,219,254)
```
#f2eeff
```
#f2eeff rgb(242,238,255)
```

Tint Color Variation

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

#bab9be
```
#bab9be rgb(186,185,190)
```
#b7b4c3
```
#b7b4c3 rgb(183,180,195)
```
#b4afc8
```
#b4afc8 rgb(180,175,200)
```
#b1aacd
```
#b1aacd rgb(177,170,205)
```
#afa5d2
```
#afa5d2 rgb(175,165,210)
```
#ac9fd8
```
#ac9fd8 rgb(172,159,216)
```
#a99add
```
#a99add rgb(169,154,221)
```
#a695e2
```
#a695e2 rgb(166,149,226)
```
#a390e7
```
#a390e7 rgb(163,144,231)
```
#a08bec
```
#a08bec rgb(160,139,236)
```
#9d85f2
```
#9d85f2 rgb(157,133,242)
```
#9a80f7
```
#9a80f7 rgb(154,128,247)
```
#977bfc
```
#977bfc rgb(151,123,252)
```

Tone Color Variation

Below, you can see how #977bfc 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
#938da7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#4497f3 Deuteranopia 1% of men
#8299a4 Tritanopia 0.001% of the population

Trichromacy

#7089fd Protanomaly 1% of men, 0.01% of women
#628cf6 Deuteranomaly 6% of men, 0.4% of women
#898ec4 Tritanomaly 0.01% of the population

#977bfc hex color

#977bfc Color Information

#977bfc Color Conversion

Color Schemes with #977bfc

Alternatives to #977bfc

#977bfc Preview

Shades and Tints of #977bfc

Tones of #977bfc

Color Blindness Simulator