#977bff hex color

In a RGB color space, hex #977bff is composed of 59.2% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 252.7 degrees, a saturation of 100% and a lightness of 74.1%. #977bff color hex could be obtained by blending #fff6ff with #2f00ff. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 59
- G 48
- B 100
RGB color chart
- C 41
- M 52
- Y 0
- K 0
CMYK color chart

● #977bff color description : Very light blue.

The hexadecimal color #977bff has RGB values of R:151, G:123, B:255 and CMYK values of C:0.41, M:0.52, Y:0, K:0. Its decimal value is 9927679.

Hex triplet	977bff	`#977bff`
RGB Decimal	151, 123, 255	`rgb(151,123,255)`
RGB Percent	59.2, 48.2, 100	`rgb(59.2%,48.2%,100%)`
CMYK	41, 52, 0, 0
HSL	252.7°, 100, 74.1	`hsl(252.7,100%,74.1%)`
HSV (or HSB)	252.7°, 51.8, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.857, 41.025, -62.316
XYZ	37.892, 27.965, 98.004
xyY	0.231, 0.171, 27.965
CIE-LCH	59.857, 74.608, 303.358
CIE-LUV	59.857, 3.021, -103.783
Hunter-Lab	52.882, 35.361, -72.863
Binary	10010111, 01111011, 11111111

#977bff
```
#977bff rgb(151,123,255)
```
#e3ff7b
```
#e3ff7b rgb(227,255,123)
```

Complementary Color

#7ba1ff
```
#7ba1ff rgb(123,161,255)
```
#977bff
```
#977bff rgb(151,123,255)
```
#d97bff
```
#d97bff rgb(217,123,255)
```

Analogous Color

#a1ff7b
```
#a1ff7b rgb(161,255,123)
```
#977bff
```
#977bff rgb(151,123,255)
```
#ffd97b
```
#ffd97b rgb(255,217,123)
```

Split Complementary Color

#7bff97
```
#7bff97 rgb(123,255,151)
```
#977bff
```
#977bff rgb(151,123,255)
```
#ff977b
```
#ff977b rgb(255,151,123)
```

Triadic Color

#7be3ff
```
#7be3ff rgb(123,227,255)
```
#977bff
```
#977bff rgb(151,123,255)
```
#ff977b
```
#ff977b rgb(255,151,123)
```
#e3ff7b
```
#e3ff7b rgb(227,255,123)
```

Tetradic Color

#5b2fff
```
#5b2fff rgb(91,47,255)
```
#6f48ff
```
#6f48ff rgb(111,72,255)
```
#8362ff
```
#8362ff rgb(131,98,255)
```
#977bff
```
#977bff rgb(151,123,255)
```
#ab95ff
```
#ab95ff rgb(171,149,255)
```
#bfaeff
```
#bfaeff rgb(191,174,255)
```
#d3c8ff
```
#d3c8ff rgb(211,200,255)
```

Monochromatic Color

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

#7b80ff
```
#7b80ff rgb(123,128,255)
```
#817bff
```
#817bff rgb(129,123,255)
```
#8c7bff
```
#8c7bff rgb(140,123,255)
```
#977bff
```
#977bff rgb(151,123,255)
```
#a27bff
```
#a27bff rgb(162,123,255)
```
#ad7bff
```
#ad7bff rgb(173,123,255)
```
#b87bff
```
#b87bff rgb(184,123,255)
```

Similar Colors

Text with hexadecimal color #977bff

This text has a font color of #977bff.

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

#977bff background color

This paragraph has a background color of #977bff.

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

#977bff border color

This element has a border color of #977bff.

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

CSS codes

.text {color:#977bff;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#050019
```
#050019 rgb(5,0,25)
```
#09002d
```
#09002d rgb(9,0,45)
```
#0e0040
```
#0e0040 rgb(14,0,64)
```
#120054
```
#120054 rgb(18,0,84)
```
#160067
```
#160067 rgb(22,0,103)
```
#1a007b
```
#1a007b rgb(26,0,123)
```
#1e008f
```
#1e008f rgb(30,0,143)
```
#2200a2
```
#2200a2 rgb(34,0,162)
```
#2700b6
```
#2700b6 rgb(39,0,182)
```
#2b00c9
```
#2b00c9 rgb(43,0,201)
```
#2f00dd
```
#2f00dd rgb(47,0,221)
```
#3300f1
```
#3300f1 rgb(51,0,241)
```

Shade Color Variation

#3a05ff
```
#3a05ff rgb(58,5,255)
```
#4a19ff
```
#4a19ff rgb(74,25,255)
```
#592dff
```
#592dff rgb(89,45,255)
```
#6940ff
```
#6940ff rgb(105,64,255)
```
#7854ff
```
#7854ff rgb(120,84,255)
```
#8867ff
```
#8867ff rgb(136,103,255)
```
#977bff
```
#977bff rgb(151,123,255)
```
#a68fff
```
#a68fff rgb(166,143,255)
```
#b6a2ff
```
#b6a2ff rgb(182,162,255)
```
#c5b6ff
```
#c5b6ff rgb(197,182,255)
```
#d5c9ff
```
#d5c9ff rgb(213,201,255)
```
#e4ddff
```
#e4ddff rgb(228,221,255)
```
#f4f1ff
```
#f4f1ff rgb(244,241,255)
```

Tint Color Variation

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

#bab8c2
```
#bab8c2 rgb(186,184,194)
```
#b7b3c7
```
#b7b3c7 rgb(183,179,199)
```
#b4aecc
```
#b4aecc rgb(180,174,204)
```
#b1a9d1
```
#b1a9d1 rgb(177,169,209)
```
#aea4d6
```
#aea4d6 rgb(174,164,214)
```
#ab9fdb
```
#ab9fdb rgb(171,159,219)
```
#a999e1
```
#a999e1 rgb(169,153,225)
```
#a694e6
```
#a694e6 rgb(166,148,230)
```
#a38feb
```
#a38feb rgb(163,143,235)
```
#a08af0
```
#a08af0 rgb(160,138,240)
```
#9d85f5
```
#9d85f5 rgb(157,133,245)
```
#9a80fa
```
#9a80fa rgb(154,128,250)
```
#977bff
```
#977bff rgb(151,123,255)
```

Tone Color Variation

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

Dichromacy

#5b92ff Protanopia 1% of men
#3f97f6 Deuteranopia 1% of men
#8199a4 Tritanopia 0.001% of the population

Trichromacy

#7189ff Protanomaly 1% of men, 0.01% of women
#5f8df9 Deuteranomaly 6% of men, 0.4% of women
#898ec5 Tritanomaly 0.01% of the population

#977bff hex color

#977bff Color Information

#977bff Color Conversion

Color Schemes with #977bff

Alternatives to #977bff

#977bff Preview

Shades and Tints of #977bff

Tones of #977bff

Color Blindness Simulator