#9db7bc hex color

In a RGB color space, hex #9db7bc is composed of 61.6% red, 71.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 2.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 189.7 degrees, a saturation of 18.8% and a lightness of 67.6%. #9db7bc color hex could be obtained by blending #ffffff with #3b6f79. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 62
- G 72
- B 74
RGB color chart
- C 16
- M 3
- Y 0
- K 26
CMYK color chart

● #9db7bc color description : Grayish cyan.

The hexadecimal color #9db7bc has RGB values of R:157, G:183, B:188 and CMYK values of C:0.16, M:0.03, Y:0, K:0.26. Its decimal value is 10336188.

Hex triplet	9db7bc	`#9db7bc`
RGB Decimal	157, 183, 188	`rgb(157,183,188)`
RGB Percent	61.6, 71.8, 73.7	`rgb(61.6%,71.8%,73.7%)`
CMYK	16, 3, 0, 26
HSL	189.7°, 18.8, 67.6	`hsl(189.7,18.8%,67.6%)`
HSV (or HSB)	189.7°, 16.5, 73.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.671, -7.779, -5.519
XYZ	39.913, 44.665, 54.093
xyY	0.288, 0.322, 44.665
CIE-LCH	72.671, 9.538, 215.359
CIE-LUV	72.671, -13.969, -7.021
Hunter-Lab	66.832, -10.353, -1.206
Binary	10011101, 10110111, 10111100

#9db7bc
```
#9db7bc rgb(157,183,188)
```
#bca29d
```
#bca29d rgb(188,162,157)
```

Complementary Color

#9dbcb2
```
#9dbcb2 rgb(157,188,178)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#9da8bc
```
#9da8bc rgb(157,168,188)
```

Analogous Color

#bcb29d
```
#bcb29d rgb(188,178,157)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#bc9da8
```
#bc9da8 rgb(188,157,168)
```

Split Complementary Color

#b7bc9d
```
#b7bc9d rgb(183,188,157)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#bc9db7
```
#bc9db7 rgb(188,157,183)
```

Triadic Color

#9dbca2
```
#9dbca2 rgb(157,188,162)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#bc9db7
```
#bc9db7 rgb(188,157,183)
```
#bca29d
```
#bca29d rgb(188,162,157)
```

Tetradic Color

#70969d
```
#70969d rgb(112,150,157)
```
#7fa1a7
```
#7fa1a7 rgb(127,161,167)
```
#8eacb2
```
#8eacb2 rgb(142,172,178)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#acc2c6
```
#acc2c6 rgb(172,194,198)
```
#bbcdd1
```
#bbcdd1 rgb(187,205,209)
```
#cad8db
```
#cad8db rgb(202,216,219)
```

Monochromatic Color

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

#9dbcb9
```
#9dbcb9 rgb(157,188,185)
```
#9dbcbc
```
#9dbcbc rgb(157,188,188)
```
#9dbabc
```
#9dbabc rgb(157,186,188)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#9db4bc
```
#9db4bc rgb(157,180,188)
```
#9db2bc
```
#9db2bc rgb(157,178,188)
```
#9dafbc
```
#9dafbc rgb(157,175,188)
```

Similar Colors

Text with hexadecimal color #9db7bc

This text has a font color of #9db7bc.

<span style="color:#9db7bc;">Text here</span>

#9db7bc background color

This paragraph has a background color of #9db7bc.

<p style="background-color:#9db7bc;">Content here</p>

#9db7bc border color

This element has a border color of #9db7bc.

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

CSS codes

.text {color:#9db7bc;}

.background {background-color:#9db7bc;}

.border {border:1px solid #9db7bc;}

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

#050707
```
#050707 rgb(5,7,7)
```
#0d1213
```
#0d1213 rgb(13,18,19)
```
#151d1e
```
#151d1e rgb(21,29,30)
```
#1d282a
```
#1d282a rgb(29,40,42)
```
#253335
```
#253335 rgb(37,51,53)
```
#2d3e41
```
#2d3e41 rgb(45,62,65)
```
#34494d
```
#34494d rgb(52,73,77)
```
#3c5458
```
#3c5458 rgb(60,84,88)
```
#445f64
```
#445f64 rgb(68,95,100)
```
#4c6a70
```
#4c6a70 rgb(76,106,112)
```
#54757b
```
#54757b rgb(84,117,123)
```
#5c8087
```
#5c8087 rgb(92,128,135)
```
#648b93
```
#648b93 rgb(100,139,147)
```

Shade Color Variation

#6e959c
```
#6e959c rgb(110,149,156)
```
#7a9da4
```
#7a9da4 rgb(122,157,164)
```
#86a6ac
```
#86a6ac rgb(134,166,172)
```
#91aeb4
```
#91aeb4 rgb(145,174,180)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#a9c0c4
```
#a9c0c4 rgb(169,192,196)
```
#b4c8cc
```
#b4c8cc rgb(180,200,204)
```
#c0d1d4
```
#c0d1d4 rgb(192,209,212)
```
#ccd9dc
```
#ccd9dc rgb(204,217,220)
```
#d7e2e4
```
#d7e2e4 rgb(215,226,228)
```
#e3eaec
```
#e3eaec rgb(227,234,236)
```
#eff3f4
```
#eff3f4 rgb(239,243,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#aaaeaf
```
#aaaeaf rgb(170,174,175)
```
#a3b3b6
```
#a3b3b6 rgb(163,179,182)
```
#9db7bc
```
#9db7bc rgb(157,183,188)
```
#97bbc2
```
#97bbc2 rgb(151,187,194)
```
#90c0c9
```
#90c0c9 rgb(144,192,201)
```
#8ac4cf
```
#8ac4cf rgb(138,196,207)
```
#84c8d5
```
#84c8d5 rgb(132,200,213)
```
#7dccdc
```
#7dccdc rgb(125,204,220)
```
#77d1e2
```
#77d1e2 rgb(119,209,226)
```
#71d5e8
```
#71d5e8 rgb(113,213,232)
```
#6ad9ef
```
#6ad9ef rgb(106,217,239)
```
#64def5
```
#64def5 rgb(100,222,245)
```
#5ee2fb
```
#5ee2fb rgb(94,226,251)
```

Tone Color Variation

Below, you can see how #9db7bc 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

#b0b0b0 Achromatopsia 0.005% of the population
#acb1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b5bc Protanopia 1% of men
#c1b1c2 Deuteranopia 1% of men
#a3b9c6 Tritanopia 0.001% of the population

Trichromacy

#adb5bc Protanomaly 1% of men, 0.01% of women
#b4b3c0 Deuteranomaly 6% of men, 0.4% of women
#a1b8c2 Tritanomaly 0.01% of the population

#9db7bc hex color

#9db7bc Color Information

#9db7bc Color Conversion

Color Schemes with #9db7bc

Alternatives to #9db7bc

#9db7bc Preview

Shades and Tints of #9db7bc

Tones of #9db7bc

Color Blindness Simulator