#9db8bc hex color

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

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

● #9db8bc color description : Grayish cyan.

The hexadecimal color #9db8bc has RGB values of R:157, G:184, B:188 and CMYK values of C:0.16, M:0.02, Y:0, K:0.26. Its decimal value is 10336444.

Hex triplet	9db8bc	`#9db8bc`
RGB Decimal	157, 184, 188	`rgb(157,184,188)`
RGB Percent	61.6, 72.2, 73.7	`rgb(61.6%,72.2%,73.7%)`
CMYK	16, 2, 0, 26
HSL	187.7°, 18.8, 67.6	`hsl(187.7,18.8%,67.6%)`
HSV (or HSB)	187.7°, 16.5, 73.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.944, -8.31, -5.116
XYZ	40.12, 45.079, 54.162
xyY	0.288, 0.323, 45.079
CIE-LCH	72.944, 9.758, 211.619
CIE-LUV	72.944, -14.437, -6.321
Hunter-Lab	67.141, -10.834, -0.83
Binary	10011101, 10111000, 10111100

#9db8bc
```
#9db8bc rgb(157,184,188)
```
#bca19d
```
#bca19d rgb(188,161,157)
```

Complementary Color

#9dbcb1
```
#9dbcb1 rgb(157,188,177)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#9da9bc
```
#9da9bc rgb(157,169,188)
```

Analogous Color

#bcb19d
```
#bcb19d rgb(188,177,157)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#bc9da9
```
#bc9da9 rgb(188,157,169)
```

Split Complementary Color

#b8bc9d
```
#b8bc9d rgb(184,188,157)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#bc9db8
```
#bc9db8 rgb(188,157,184)
```

Triadic Color

#9dbca1
```
#9dbca1 rgb(157,188,161)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#bc9db8
```
#bc9db8 rgb(188,157,184)
```
#bca19d
```
#bca19d rgb(188,161,157)
```

Tetradic Color

#70979d
```
#70979d rgb(112,151,157)
```
#7fa2a7
```
#7fa2a7 rgb(127,162,167)
```
#8eadb2
```
#8eadb2 rgb(142,173,178)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#acc3c6
```
#acc3c6 rgb(172,195,198)
```
#bbced1
```
#bbced1 rgb(187,206,209)
```
#cad9db
```
#cad9db rgb(202,217,219)
```

Monochromatic Color

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

#9dbcb8
```
#9dbcb8 rgb(157,188,184)
```
#9dbcbb
```
#9dbcbb rgb(157,188,187)
```
#9dbbbc
```
#9dbbbc rgb(157,187,188)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#9db5bc
```
#9db5bc rgb(157,181,188)
```
#9db3bc
```
#9db3bc rgb(157,179,188)
```
#9db0bc
```
#9db0bc rgb(157,176,188)
```

Similar Colors

Text with hexadecimal color #9db8bc

This text has a font color of #9db8bc.

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

#9db8bc background color

This paragraph has a background color of #9db8bc.

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

#9db8bc border color

This element has a border color of #9db8bc.

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

CSS codes

.text {color:#9db8bc;}

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

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

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 #fafcfc 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)
```
#344a4d
```
#344a4d rgb(52,74,77)
```
#3c5558
```
#3c5558 rgb(60,85,88)
```
#446064
```
#446064 rgb(68,96,100)
```
#4c6b70
```
#4c6b70 rgb(76,107,112)
```
#54767b
```
#54767b rgb(84,118,123)
```
#5c8187
```
#5c8187 rgb(92,129,135)
```
#648d93
```
#648d93 rgb(100,141,147)
```

Shade Color Variation

#6e969c
```
#6e969c rgb(110,150,156)
```
#7a9fa4
```
#7a9fa4 rgb(122,159,164)
```
#86a7ac
```
#86a7ac rgb(134,167,172)
```
#91b0b4
```
#91b0b4 rgb(145,176,180)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#a9c0c4
```
#a9c0c4 rgb(169,192,196)
```
#b4c9cc
```
#b4c9cc rgb(180,201,204)
```
#c0d1d4
```
#c0d1d4 rgb(192,209,212)
```
#ccdadc
```
#ccdadc rgb(204,218,220)
```
#d7e2e4
```
#d7e2e4 rgb(215,226,228)
```
#e3ebec
```
#e3ebec rgb(227,235,236)
```
#eff3f4
```
#eff3f4 rgb(239,243,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#aaafaf
```
#aaafaf rgb(170,175,175)
```
#a3b3b6
```
#a3b3b6 rgb(163,179,182)
```
#9db8bc
```
#9db8bc rgb(157,184,188)
```
#97bdc2
```
#97bdc2 rgb(151,189,194)
```
#90c1c9
```
#90c1c9 rgb(144,193,201)
```
#8ac6cf
```
#8ac6cf rgb(138,198,207)
```
#84cbd5
```
#84cbd5 rgb(132,203,213)
```
#7dd0dc
```
#7dd0dc rgb(125,208,220)
```
#77d4e2
```
#77d4e2 rgb(119,212,226)
```
#71d9e8
```
#71d9e8 rgb(113,217,232)
```
#6adeef
```
#6adeef rgb(106,222,239)
```
#64e2f5
```
#64e2f5 rgb(100,226,245)
```
#5ee7fb
```
#5ee7fb rgb(94,231,251)
```

Tone Color Variation

Below, you can see how #9db8bc 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
#acb2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b5bc Protanopia 1% of men
#c2b2c2 Deuteranopia 1% of men
#a3bac7 Tritanopia 0.001% of the population

Trichromacy

#aeb6bc Protanomaly 1% of men, 0.01% of women
#b4b4c0 Deuteranomaly 6% of men, 0.4% of women
#a1b9c3 Tritanomaly 0.01% of the population

#9db8bc hex color

#9db8bc Color Information

#9db8bc Color Conversion

Color Schemes with #9db8bc

Alternatives to #9db8bc

#9db8bc Preview

Shades and Tints of #9db8bc

Tones of #9db8bc

Color Blindness Simulator