#977de5 hex color

In a RGB color space, hex #977de5 is composed of 59.2% red, 49% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 45.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 255 degrees, a saturation of 66.7% and a lightness of 69.4%. #977de5 color hex could be obtained by blending #fffaff with #2f00cb. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 49
- B 90
RGB color chart
- C 34
- M 45
- Y 0
- K 10
CMYK color chart

● #977de5 color description : Soft blue.

The hexadecimal color #977de5 has RGB values of R:151, G:125, B:229 and CMYK values of C:0.34, M:0.45, Y:0, K:0.1. Its decimal value is 9928165.

Hex triplet	977de5	`#977de5`
RGB Decimal	151, 125, 229	`rgb(151,125,229)`
RGB Percent	59.2, 49, 89.8	`rgb(59.2%,49%,89.8%)`
CMYK	34, 45, 0, 10
HSL	255°, 66.7, 69.4	`hsl(255,66.7%,69.4%)`
HSV (or HSB)	255°, 45.4, 89.8
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.885, 32.978, -49.469
XYZ	34.236, 26.903, 77.514
xyY	0.247, 0.194, 26.903
CIE-LCH	58.885, 59.454, 303.688
CIE-LUV	58.885, 4.943, -82.004
Hunter-Lab	51.869, 27.051, -52.296
Binary	10010111, 01111101, 11100101

#977de5
```
#977de5 rgb(151,125,229)
```
#cbe57d
```
#cbe57d rgb(203,229,125)
```

Complementary Color

#7d97e5
```
#7d97e5 rgb(125,151,229)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#cb7de5
```
#cb7de5 rgb(203,125,229)
```

Analogous Color

#97e57d
```
#97e57d rgb(151,229,125)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#e5cb7d
```
#e5cb7d rgb(229,203,125)
```

Split Complementary Color

#7de597
```
#7de597 rgb(125,229,151)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#e5977d
```
#e5977d rgb(229,151,125)
```

Triadic Color

#7dcbe5
```
#7dcbe5 rgb(125,203,229)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#e5977d
```
#e5977d rgb(229,151,125)
```
#cbe57d
```
#cbe57d rgb(203,229,125)
```

Tetradic Color

#643dd8
```
#643dd8 rgb(100,61,216)
```
#7553dd
```
#7553dd rgb(117,83,221)
```
#8668e1
```
#8668e1 rgb(134,104,225)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#a892e9
```
#a892e9 rgb(168,146,233)
```
#b9a8ee
```
#b9a8ee rgb(185,168,238)
```
#cabdf2
```
#cabdf2 rgb(202,189,242)
```

Monochromatic Color

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

#7d7de5
```
#7d7de5 rgb(125,125,229)
```
#867de5
```
#867de5 rgb(134,125,229)
```
#8e7de5
```
#8e7de5 rgb(142,125,229)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#a07de5
```
#a07de5 rgb(160,125,229)
```
#a87de5
```
#a87de5 rgb(168,125,229)
```
#b17de5
```
#b17de5 rgb(177,125,229)
```

Similar Colors

Text with hexadecimal color #977de5

This text has a font color of #977de5.

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

#977de5 background color

This paragraph has a background color of #977de5.

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

#977de5 border color

This element has a border color of #977de5.

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

CSS codes

.text {color:#977de5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070311
```
#070311 rgb(7,3,17)
```
#0d0721
```
#0d0721 rgb(13,7,33)
```
#140a32
```
#140a32 rgb(20,10,50)
```
#1a0d42
```
#1a0d42 rgb(26,13,66)
```
#211153
```
#211153 rgb(33,17,83)
```
#281463
```
#281463 rgb(40,20,99)
```
#2e1773
```
#2e1773 rgb(46,23,115)
```
#351a84
```
#351a84 rgb(53,26,132)
```
#3b1e94
```
#3b1e94 rgb(59,30,148)
```
#4221a4
```
#4221a4 rgb(66,33,164)
```
#4824b5
```
#4824b5 rgb(72,36,181)
```
#4f27c5
```
#4f27c5 rgb(79,39,197)
```

Shade Color Variation

#562bd5
```
#562bd5 rgb(86,43,213)
```
#633cd8
```
#633cd8 rgb(99,60,216)
```
#704cdb
```
#704cdb rgb(112,76,219)
```
#7d5cde
```
#7d5cde rgb(125,92,222)
```
#8a6de2
```
#8a6de2 rgb(138,109,226)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#a48de8
```
#a48de8 rgb(164,141,232)
```
#b19eec
```
#b19eec rgb(177,158,236)
```
#beaeef
```
#beaeef rgb(190,174,239)
```
#cbbef2
```
#cbbef2 rgb(203,190,242)
```
#d8cff5
```
#d8cff5 rgb(216,207,245)
```
#e5dff9
```
#e5dff9 rgb(229,223,249)
```
#f3effc
```
#f3effc rgb(243,239,252)
```

Tint Color Variation

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

#afadb5
```
#afadb5 rgb(175,173,181)
```
#aca7bb
```
#aca7bb rgb(172,167,187)
```
#a9a1c1
```
#a9a1c1 rgb(169,161,193)
```
#a69bc7
```
#a69bc7 rgb(166,155,199)
```
#a395cd
```
#a395cd rgb(163,149,205)
```
#a08fd3
```
#a08fd3 rgb(160,143,211)
```
#9d89d9
```
#9d89d9 rgb(157,137,217)
```
#9a83df
```
#9a83df rgb(154,131,223)
```
#977de5
```
#977de5 rgb(151,125,229)
```
#9477eb
```
#9477eb rgb(148,119,235)
```
#9171f1
```
#9171f1 rgb(145,113,241)
```
#8e6bf7
```
#8e6bf7 rgb(142,107,247)
```
#8b65fd
```
#8b65fd rgb(139,101,253)
```

Tone Color Variation

Below, you can see how #977de5 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
#928da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6590f0 Protanopia 1% of men
#6493e0 Deuteranopia 1% of men
#89949f Tritanopia 0.001% of the population

Trichromacy

#7789ec Protanomaly 1% of men, 0.01% of women
#768be2 Deuteranomaly 6% of men, 0.4% of women
#8e8cb8 Tritanomaly 0.01% of the population

#977de5 hex color

#977de5 Color Information

#977de5 Color Conversion

Color Schemes with #977de5

Alternatives to #977de5

#977de5 Preview

Shades and Tints of #977de5

Tones of #977de5

Color Blindness Simulator