#9ab8bf hex color

In a RGB color space, hex #9ab8bf is composed of 60.4% red, 72.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 3.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 191.4 degrees, a saturation of 22.4% and a lightness of 67.6%. #9ab8bf color hex could be obtained by blending #ffffff with #35717f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 60
- G 72
- B 75
RGB color chart
- C 19
- M 4
- Y 0
- K 25
CMYK color chart

● #9ab8bf color description : Grayish cyan.

The hexadecimal color #9ab8bf has RGB values of R:154, G:184, B:191 and CMYK values of C:0.19, M:0.04, Y:0, K:0.25. Its decimal value is 10139839.

Hex triplet	9ab8bf	`#9ab8bf`
RGB Decimal	154, 184, 191	`rgb(154,184,191)`
RGB Percent	60.4, 72.2, 74.9	`rgb(60.4%,72.2%,74.9%)`
CMYK	19, 4, 0, 25
HSL	191.4°, 22.4, 67.6	`hsl(191.4,22.4%,67.6%)`
HSV (or HSB)	191.4°, 19.4, 74.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.834, -8.62, -6.941
XYZ	39.869, 44.912, 55.856
xyY	0.283, 0.319, 44.912
CIE-LCH	72.834, 11.067, 218.844
CIE-LUV	72.834, -15.951, -9.082
Hunter-Lab	67.016, -11.086, -2.505
Binary	10011010, 10111000, 10111111

#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#bfa19a
```
#bfa19a rgb(191,161,154)
```

Complementary Color

#9abfb4
```
#9abfb4 rgb(154,191,180)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#9aa6bf
```
#9aa6bf rgb(154,166,191)
```

Analogous Color

#bfb49a
```
#bfb49a rgb(191,180,154)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#bf9aa6
```
#bf9aa6 rgb(191,154,166)
```

Split Complementary Color

#b8bf9a
```
#b8bf9a rgb(184,191,154)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#bf9ab8
```
#bf9ab8 rgb(191,154,184)
```

Triadic Color

#9abfa1
```
#9abfa1 rgb(154,191,161)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#bf9ab8
```
#bf9ab8 rgb(191,154,184)
```
#bfa19a
```
#bfa19a rgb(191,161,154)
```

Tetradic Color

#6b97a1
```
#6b97a1 rgb(107,151,161)
```
#7ba2ab
```
#7ba2ab rgb(123,162,171)
```
#8aadb5
```
#8aadb5 rgb(138,173,181)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#aac3c9
```
#aac3c9 rgb(170,195,201)
```
#b9ced3
```
#b9ced3 rgb(185,206,211)
```
#c9d9dd
```
#c9d9dd rgb(201,217,221)
```

Monochromatic Color

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

#9abfbd
```
#9abfbd rgb(154,191,189)
```
#9abebf
```
#9abebf rgb(154,190,191)
```
#9abbbf
```
#9abbbf rgb(154,187,191)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#9ab5bf
```
#9ab5bf rgb(154,181,191)
```
#9ab2bf
```
#9ab2bf rgb(154,178,191)
```
#9aafbf
```
#9aafbf rgb(154,175,191)
```

Similar Colors

Text with hexadecimal color #9ab8bf

This text has a font color of #9ab8bf.

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

#9ab8bf background color

This paragraph has a background color of #9ab8bf.

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

#9ab8bf border color

This element has a border color of #9ab8bf.

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

CSS codes

.text {color:#9ab8bf;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1213
```
#0c1213 rgb(12,18,19)
```
#141d1f
```
#141d1f rgb(20,29,31)
```
#1b282b
```
#1b282b rgb(27,40,43)
```
#233337
```
#233337 rgb(35,51,55)
```
#2b3e43
```
#2b3e43 rgb(43,62,67)
```
#324a4f
```
#324a4f rgb(50,74,79)
```
#3a555b
```
#3a555b rgb(58,85,91)
```
#416067
```
#416067 rgb(65,96,103)
```
#496b73
```
#496b73 rgb(73,107,115)
```
#51767f
```
#51767f rgb(81,118,127)
```
#58818b
```
#58818b rgb(88,129,139)
```
#608d97
```
#608d97 rgb(96,141,151)
```

Shade Color Variation

#6a96a1
```
#6a96a1 rgb(106,150,161)
```
#769fa8
```
#769fa8 rgb(118,159,168)
```
#82a7b0
```
#82a7b0 rgb(130,167,176)
```
#8eb0b7
```
#8eb0b7 rgb(142,176,183)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#a6c0c7
```
#a6c0c7 rgb(166,192,199)
```
#b2c9ce
```
#b2c9ce rgb(178,201,206)
```
#bed1d6
```
#bed1d6 rgb(190,209,214)
```
#cadadd
```
#cadadd rgb(202,218,221)
```
#d6e2e5
```
#d6e2e5 rgb(214,226,229)
```
#e2ebed
```
#e2ebed rgb(226,235,237)
```
#eef3f4
```
#eef3f4 rgb(238,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, #a7b0b2 is the less saturated color, while #5bdffe is the most saturated one.

#a7b0b2
```
#a7b0b2 rgb(167,176,178)
```
#a0b4b9
```
#a0b4b9 rgb(160,180,185)
```
#9ab8bf
```
#9ab8bf rgb(154,184,191)
```
#94bcc5
```
#94bcc5 rgb(148,188,197)
```
#8dc0cc
```
#8dc0cc rgb(141,192,204)
```
#87c4d2
```
#87c4d2 rgb(135,196,210)
```
#81c8d8
```
#81c8d8 rgb(129,200,216)
```
#7accdf
```
#7accdf rgb(122,204,223)
```
#74d0e5
```
#74d0e5 rgb(116,208,229)
```
#6ed4eb
```
#6ed4eb rgb(110,212,235)
```
#67d8f2
```
#67d8f2 rgb(103,216,242)
```
#61dcf8
```
#61dcf8 rgb(97,220,248)
```
#5bdffe
```
#5bdffe rgb(91,223,254)
```

Tone Color Variation

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

Dichromacy

#b7b5be Protanopia 1% of men
#c0b1c5 Deuteranopia 1% of men
#a0bac8 Tritanopia 0.001% of the population

Trichromacy

#acb6be Protanomaly 1% of men, 0.01% of women
#b2b4c3 Deuteranomaly 6% of men, 0.4% of women
#9eb9c4 Tritanomaly 0.01% of the population

#9ab8bf hex color

#9ab8bf Color Information

#9ab8bf Color Conversion

Color Schemes with #9ab8bf

Alternatives to #9ab8bf

#9ab8bf Preview

Shades and Tints of #9ab8bf

Tones of #9ab8bf

Color Blindness Simulator