#977af5 hex color

In a RGB color space, hex #977af5 is composed of 59.2% red, 47.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 50.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 254.1 degrees, a saturation of 86% and a lightness of 72%. #977af5 color hex could be obtained by blending #fff4ff with #2f00eb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 59
- G 48
- B 96
RGB color chart
- C 38
- M 50
- Y 0
- K 4
CMYK color chart

● #977af5 color description : Soft blue.

The hexadecimal color #977af5 has RGB values of R:151, G:122, B:245 and CMYK values of C:0.38, M:0.5, Y:0, K:0.04. Its decimal value is 9927413.

Hex triplet	977af5	`#977af5`
RGB Decimal	151, 122, 245	`rgb(151,122,245)`
RGB Percent	59.2, 47.8, 96.1	`rgb(59.2%,47.8%,96.1%)`
CMYK	38, 50, 0, 4
HSL	254.1°, 86, 72	`hsl(254.1,86%,72%)`
HSV (or HSB)	254.1°, 50.2, 96.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.058, 38.908, -58.08
XYZ	36.201, 27.091, 89.703
xyY	0.237, 0.177, 27.091
CIE-LCH	59.058, 69.908, 303.818
CIE-LUV	59.058, 4.322, -96.537
Hunter-Lab	52.049, 33.064, -65.749
Binary	10010111, 01111010, 11110101

#977af5
```
#977af5 rgb(151,122,245)
```
#d8f57a
```
#d8f57a rgb(216,245,122)
```

Complementary Color

#7a9bf5
```
#7a9bf5 rgb(122,155,245)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#d57af5
```
#d57af5 rgb(213,122,245)
```

Analogous Color

#9bf57a
```
#9bf57a rgb(155,245,122)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#f5d57a
```
#f5d57a rgb(245,213,122)
```

Split Complementary Color

#7af597
```
#7af597 rgb(122,245,151)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#f5977a
```
#f5977a rgb(245,151,122)
```

Triadic Color

#7ad8f5
```
#7ad8f5 rgb(122,216,245)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#f5977a
```
#f5977a rgb(245,151,122)
```
#d8f57a
```
#d8f57a rgb(216,245,122)
```

Tetradic Color

#5f33f0
```
#5f33f0 rgb(95,51,240)
```
#724bf1
```
#724bf1 rgb(114,75,241)
```
#8462f3
```
#8462f3 rgb(132,98,243)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#aa92f7
```
#aa92f7 rgb(170,146,247)
```
#bca9f9
```
#bca9f9 rgb(188,169,249)
```
#cfc1fa
```
#cfc1fa rgb(207,193,250)
```

Monochromatic Color

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

#7a7cf5
```
#7a7cf5 rgb(122,124,245)
```
#837af5
```
#837af5 rgb(131,122,245)
```
#8d7af5
```
#8d7af5 rgb(141,122,245)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#a17af5
```
#a17af5 rgb(161,122,245)
```
#ac7af5
```
#ac7af5 rgb(172,122,245)
```
#b67af5
```
#b67af5 rgb(182,122,245)
```

Similar Colors

Text with hexadecimal color #977af5

This text has a font color of #977af5.

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

#977af5 background color

This paragraph has a background color of #977af5.

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

#977af5 border color

This element has a border color of #977af5.

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

CSS codes

.text {color:#977af5;}

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

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

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

#04010d
```
#04010d rgb(4,1,13)
```
#09021f
```
#09021f rgb(9,2,31)
```
#0e0431
```
#0e0431 rgb(14,4,49)
```
#140544
```
#140544 rgb(20,5,68)
```
#190656
```
#190656 rgb(25,6,86)
```
#1f0868
```
#1f0868 rgb(31,8,104)
```
#24097a
```
#24097a rgb(36,9,122)
```
#290b8d
```
#290b8d rgb(41,11,141)
```
#2f0c9f
```
#2f0c9f rgb(47,12,159)
```
#340db1
```
#340db1 rgb(52,13,177)
```
#390fc3
```
#390fc3 rgb(57,15,195)
```
#3f10d6
```
#3f10d6 rgb(63,16,214)
```
#4411e8
```
#4411e8 rgb(68,17,232)
```

Shade Color Variation

#501fee
```
#501fee rgb(80,31,238)
```
#5e31f0
```
#5e31f0 rgb(94,49,240)
```
#6c43f1
```
#6c43f1 rgb(108,67,241)
```
#7a56f2
```
#7a56f2 rgb(122,86,242)
```
#8968f4
```
#8968f4 rgb(137,104,244)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#a58cf6
```
#a58cf6 rgb(165,140,246)
```
#b49ef8
```
#b49ef8 rgb(180,158,248)
```
#c2b1f9
```
#c2b1f9 rgb(194,177,249)
```
#d0c3fa
```
#d0c3fa rgb(208,195,250)
```
#ded5fc
```
#ded5fc rgb(222,213,252)
```
#ede7fd
```
#ede7fd rgb(237,231,253)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#b7b7b9
```
#b7b7b9 rgb(183,183,185)
```
#b4b1be
```
#b4b1be rgb(180,177,190)
```
#b1acc4
```
#b1acc4 rgb(177,172,196)
```
#aea6c9
```
#aea6c9 rgb(174,166,201)
```
#aba1cf
```
#aba1cf rgb(171,161,207)
```
#a89bd4
```
#a89bd4 rgb(168,155,212)
```
#a696da
```
#a696da rgb(166,150,218)
```
#a390df
```
#a390df rgb(163,144,223)
```
#a08be5
```
#a08be5 rgb(160,139,229)
```
#9d85ea
```
#9d85ea rgb(157,133,234)
```
#9a80f0
```
#9a80f0 rgb(154,128,240)
```
#977af5
```
#977af5 rgb(151,122,245)
```
#9475fb
```
#9475fb rgb(148,117,251)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#928ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5690ff Protanopia 1% of men
#4d95ed Deuteranopia 1% of men
#8496a1 Tritanopia 0.001% of the population

Trichromacy

#6e88fb Protanomaly 1% of men, 0.01% of women
#688bf0 Deuteranomaly 6% of men, 0.4% of women
#8b8cbf Tritanomaly 0.01% of the population

#977af5 hex color

#977af5 Color Information

#977af5 Color Conversion

Color Schemes with #977af5

Alternatives to #977af5

#977af5 Preview

Shades and Tints of #977af5

Tones of #977af5

Color Blindness Simulator