#9acbc4 hex color

In a RGB color space, hex #9acbc4 is composed of 60.4% red, 79.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 3.4% yellow and 20.4% black. It has a hue angle of 171.4 degrees, a saturation of 32% and a lightness of 70%. #9acbc4 color hex could be obtained by blending #ffffff with #359789. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 60
- G 80
- B 77
RGB color chart
- C 24
- M 0
- Y 3
- K 20
CMYK color chart

● #9acbc4 color description : Grayish cyan.

The hexadecimal color #9acbc4 has RGB values of R:154, G:203, B:196 and CMYK values of C:0.24, M:0, Y:0.03, K:0.2. Its decimal value is 10144708.

Hex triplet	9acbc4	`#9acbc4`
RGB Decimal	154, 203, 196	`rgb(154,203,196)`
RGB Percent	60.4, 79.6, 76.9	`rgb(60.4%,79.6%,76.9%)`
CMYK	24, 0, 3, 20
HSL	171.4°, 32, 70	`hsl(171.4,32%,70%)`
HSV (or HSB)	171.4°, 24.1, 79.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	78.208, -17.402, -1.731
XYZ	44.644, 53.566, 60.209
xyY	0.282, 0.338, 53.566
CIE-LCH	78.208, 17.488, 185.68
CIE-LUV	78.208, -24.662, 0.285
Hunter-Lab	73.189, -19.199, 2.457
Binary	10011010, 11001011, 11000100

#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#cb9aa1
```
#cb9aa1 rgb(203,154,161)
```

Complementary Color

#9acbac
```
#9acbac rgb(154,203,172)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#9abacb
```
#9abacb rgb(154,186,203)
```

Analogous Color

#cbac9a
```
#cbac9a rgb(203,172,154)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#cb9aba
```
#cb9aba rgb(203,154,186)
```

Split Complementary Color

#cbc49a
```
#cbc49a rgb(203,196,154)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#c49acb
```
#c49acb rgb(196,154,203)
```

Triadic Color

#a1cb9a
```
#a1cb9a rgb(161,203,154)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#c49acb
```
#c49acb rgb(196,154,203)
```
#cb9aa1
```
#cb9aa1 rgb(203,154,161)
```

Tetradic Color

#68b1a7
```
#68b1a7 rgb(104,177,167)
```
#78bab0
```
#78bab0 rgb(120,186,176)
```
#89c2ba
```
#89c2ba rgb(137,194,186)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#abd4ce
```
#abd4ce rgb(171,212,206)
```
#bcdcd8
```
#bcdcd8 rgb(188,220,216)
```
#cde5e2
```
#cde5e2 rgb(205,229,226)
```

Monochromatic Color

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

#9acbb8
```
#9acbb8 rgb(154,203,184)
```
#9acbbc
```
#9acbbc rgb(154,203,188)
```
#9acbc0
```
#9acbc0 rgb(154,203,192)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#9acbc8
```
#9acbc8 rgb(154,203,200)
```
#9acacb
```
#9acacb rgb(154,202,203)
```
#9ac6cb
```
#9ac6cb rgb(154,198,203)
```

Similar Colors

Text with hexadecimal color #9acbc4

This text has a font color of #9acbc4.

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

#9acbc4 background color

This paragraph has a background color of #9acbc4.

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

#9acbc4 border color

This element has a border color of #9acbc4.

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

CSS codes

.text {color:#9acbc4;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0f1c1b
```
#0f1c1b rgb(15,28,27)
```
#152927
```
#152927 rgb(21,41,39)
```
#1c3633
```
#1c3633 rgb(28,54,51)
```
#23433f
```
#23433f rgb(35,67,63)
```
#29504b
```
#29504b rgb(41,80,75)
```
#305d57
```
#305d57 rgb(48,93,87)
```
#376a63
```
#376a63 rgb(55,106,99)
```
#3d776f
```
#3d776f rgb(61,119,111)
```
#44847b
```
#44847b rgb(68,132,123)
```
#4b9187
```
#4b9187 rgb(75,145,135)
```
#519e93
```
#519e93 rgb(81,158,147)
```

Shade Color Variation

#59aa9e
```
#59aa9e rgb(89,170,158)
```
#66b0a6
```
#66b0a6 rgb(102,176,166)
```
#73b7ad
```
#73b7ad rgb(115,183,173)
```
#80beb5
```
#80beb5 rgb(128,190,181)
```
#8dc4bc
```
#8dc4bc rgb(141,196,188)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#a7d2cc
```
#a7d2cc rgb(167,210,204)
```
#b4d8d3
```
#b4d8d3 rgb(180,216,211)
```
#c1dfdb
```
#c1dfdb rgb(193,223,219)
```
#cee6e2
```
#cee6e2 rgb(206,230,226)
```
#dbecea
```
#dbecea rgb(219,236,234)
```
#e8f3f1
```
#e8f3f1 rgb(232,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#b2b3b3
```
#b2b3b3 rgb(178,179,179)
```
#acb9b7
```
#acb9b7 rgb(172,185,183)
```
#a6bfbc
```
#a6bfbc rgb(166,191,188)
```
#a0c5c0
```
#a0c5c0 rgb(160,197,192)
```
#9acbc4
```
#9acbc4 rgb(154,203,196)
```
#94d1c8
```
#94d1c8 rgb(148,209,200)
```
#8ed7cc
```
#8ed7cc rgb(142,215,204)
```
#88ddd1
```
#88ddd1 rgb(136,221,209)
```
#82e3d5
```
#82e3d5 rgb(130,227,213)
```
#7de8d9
```
#7de8d9 rgb(125,232,217)
```
#77eedd
```
#77eedd rgb(119,238,221)
```
#71f4e1
```
#71f4e1 rgb(113,244,225)
```
#6bfae6
```
#6bfae6 rgb(107,250,230)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b5bfbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c3c1 Protanopia 1% of men
#d3bfcb Deuteranopia 1% of men
#a3cad9 Tritanopia 0.001% of the population

Trichromacy

#b7c6c2 Protanomaly 1% of men, 0.01% of women
#bec3c9 Deuteranomaly 6% of men, 0.4% of women
#a0cad1 Tritanomaly 0.01% of the population

#9acbc4 hex color

#9acbc4 Color Information

#9acbc4 Color Conversion

Color Schemes with #9acbc4

Alternatives to #9acbc4

#9acbc4 Preview

Shades and Tints of #9acbc4

Tones of #9acbc4

Color Blindness Simulator