#7c97bd hex color

In a RGB color space, hex #7c97bd is composed of 48.6% red, 59.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 20.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 215.1 degrees, a saturation of 33% and a lightness of 61.4%. #7c97bd color hex could be obtained by blending #f8ffff with #002f7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 59
- B 74
RGB color chart
- C 34
- M 20
- Y 0
- K 26
CMYK color chart

● #7c97bd color description : Slightly desaturated blue.

The hexadecimal color #7c97bd has RGB values of R:124, G:151, B:189 and CMYK values of C:0.34, M:0.2, Y:0, K:0.26. Its decimal value is 8165309.

Hex triplet	7c97bd	`#7c97bd`
RGB Decimal	124, 151, 189	`rgb(124,151,189)`
RGB Percent	48.6, 59.2, 74.1	`rgb(48.6%,59.2%,74.1%)`
CMYK	34, 20, 0, 26
HSL	215.1°, 33, 61.4	`hsl(215.1,33%,61.4%)`
HSV (or HSB)	215.1°, 34.4, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.733, -0.152, -22.752
XYZ	28.562, 30.092, 52.445
xyY	0.257, 0.271, 30.092
CIE-LCH	61.733, 22.753, 269.616
CIE-LUV	61.733, -14.896, -34.798
Hunter-Lab	54.856, -3.057, -18.285
Binary	01111100, 10010111, 10111101

#7c97bd
```
#7c97bd rgb(124,151,189)
```
#bda27c
```
#bda27c rgb(189,162,124)
```

Complementary Color

#7cb8bd
```
#7cb8bd rgb(124,184,189)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#827cbd
```
#827cbd rgb(130,124,189)
```

Analogous Color

#b8bd7c
```
#b8bd7c rgb(184,189,124)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#bd827c
```
#bd827c rgb(189,130,124)
```

Split Complementary Color

#97bd7c
```
#97bd7c rgb(151,189,124)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#bd7c97
```
#bd7c97 rgb(189,124,151)
```

Triadic Color

#7cbda2
```
#7cbda2 rgb(124,189,162)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#bd7c97
```
#bd7c97 rgb(189,124,151)
```
#bda27c
```
#bda27c rgb(189,162,124)
```

Tetradic Color

#4f709d
```
#4f709d rgb(79,112,157)
```
#5a7cac
```
#5a7cac rgb(90,124,172)
```
#6b8ab4
```
#6b8ab4 rgb(107,138,180)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#8da4c6
```
#8da4c6 rgb(141,164,198)
```
#9eb2ce
```
#9eb2ce rgb(158,178,206)
```
#afbfd7
```
#afbfd7 rgb(175,191,215)
```

Monochromatic Color

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

#7ca7bd
```
#7ca7bd rgb(124,167,189)
```
#7ca2bd
```
#7ca2bd rgb(124,162,189)
```
#7c9cbd
```
#7c9cbd rgb(124,156,189)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#7c92bd
```
#7c92bd rgb(124,146,189)
```
#7c8cbd
```
#7c8cbd rgb(124,140,189)
```
#7c87bd
```
#7c87bd rgb(124,135,189)
```

Similar Colors

Text with hexadecimal color #7c97bd

This text has a font color of #7c97bd.

<span style="color:#7c97bd;">Text here</span>

#7c97bd background color

This paragraph has a background color of #7c97bd.

<p style="background-color:#7c97bd;">Content here</p>

#7c97bd border color

This element has a border color of #7c97bd.

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

CSS codes

.text {color:#7c97bd;}

.background {background-color:#7c97bd;}

.border {border:1px solid #7c97bd;}

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, #06090c is the darkest color, while #feffff is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0d121a
```
#0d121a rgb(13,18,26)
```
#131b27
```
#131b27 rgb(19,27,39)
```
#1a2534
```
#1a2534 rgb(26,37,52)
```
#212e41
```
#212e41 rgb(33,46,65)
```
#27374e
```
#27374e rgb(39,55,78)
```
#2e405b
```
#2e405b rgb(46,64,91)
```
#344a68
```
#344a68 rgb(52,74,104)
```
#3b5375
```
#3b5375 rgb(59,83,117)
```
#415c82
```
#415c82 rgb(65,92,130)
```
#48658f
```
#48658f rgb(72,101,143)
```
#4f6f9c
```
#4f6f9c rgb(79,111,156)
```
#5578a9
```
#5578a9 rgb(85,120,169)
```

Shade Color Variation

#6282b0
```
#6282b0 rgb(98,130,176)
```
#6f8db6
```
#6f8db6 rgb(111,141,182)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#89a1c4
```
#89a1c4 rgb(137,161,196)
```
#96acca
```
#96acca rgb(150,172,202)
```
#a3b6d1
```
#a3b6d1 rgb(163,182,209)
```
#b0c0d7
```
#b0c0d7 rgb(176,192,215)
```
#bdcbde
```
#bdcbde rgb(189,203,222)
```
#cad5e4
```
#cad5e4 rgb(202,213,228)
```
#d7dfeb
```
#d7dfeb rgb(215,223,235)
```
#e4eaf2
```
#e4eaf2 rgb(228,234,242)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9c9f is the less saturated color, while #3f8dfa is the most saturated one.

#9a9c9f
```
#9a9c9f rgb(154,156,159)
```
#939ba6
```
#939ba6 rgb(147,155,166)
```
#8b9aae
```
#8b9aae rgb(139,154,174)
```
#8498b5
```
#8498b5 rgb(132,152,181)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#7496c5
```
#7496c5 rgb(116,150,197)
```
#6d94cc
```
#6d94cc rgb(109,148,204)
```
#6593d4
```
#6593d4 rgb(101,147,212)
```
#5e92db
```
#5e92db rgb(94,146,219)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#4f8fea
```
#4f8fea rgb(79,143,234)
```
#478ef2
```
#478ef2 rgb(71,142,242)
```
#3f8dfa
```
#3f8dfa rgb(63,141,250)
```

Tone Color Variation

Below, you can see how #7c97bd 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
#8e949b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9099be Protanopia 1% of men
#9298c1 Deuteranopia 1% of men
#7ca0ab Tritanopia 0.001% of the population

Trichromacy

#8998bd Protanomaly 1% of men, 0.01% of women
#8a97c0 Deuteranomaly 6% of men, 0.4% of women
#7c9cb2 Tritanomaly 0.01% of the population

#7c97bd hex color

#7c97bd Color Information

#7c97bd Color Conversion

Color Schemes with #7c97bd

Alternatives to #7c97bd

#7c97bd Preview

Shades and Tints of #7c97bd

Tones of #7c97bd

Color Blindness Simulator