#9ab1bd hex color

In a RGB color space, hex #9ab1bd is composed of 60.4% red, 69.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 6.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 200.6 degrees, a saturation of 21% and a lightness of 67.3%. #9ab1bd color hex could be obtained by blending #ffffff with #35637b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 69
- B 74
RGB color chart
- C 19
- M 6
- Y 0
- K 26
CMYK color chart

● #9ab1bd color description : Grayish blue.

The hexadecimal color #9ab1bd has RGB values of R:154, G:177, B:189 and CMYK values of C:0.19, M:0.06, Y:0, K:0.26. Its decimal value is 10138045.

Hex triplet	9ab1bd	`#9ab1bd`
RGB Decimal	154, 177, 189	`rgb(154,177,189)`
RGB Percent	60.4, 69.4, 74.1	`rgb(60.4%,69.4%,74.1%)`
CMYK	19, 6, 0, 26
HSL	200.6°, 21, 67.3	`hsl(200.6,21%,67.3%)`
HSV (or HSB)	200.6°, 18.5, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.862, -5.317, -8.773
XYZ	38.232, 41.988, 54.231
xyY	0.284, 0.312, 41.988
CIE-LCH	70.862, 10.258, 238.782
CIE-LUV	70.862, -12.67, -12.395
Hunter-Lab	64.798, -8.078, -4.263
Binary	10011010, 10110001, 10111101

#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#bda69a
```
#bda69a rgb(189,166,154)
```

Complementary Color

#9abdb8
```
#9abdb8 rgb(154,189,184)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#9aa0bd
```
#9aa0bd rgb(154,160,189)
```

Analogous Color

#bdb89a
```
#bdb89a rgb(189,184,154)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#bd9aa0
```
#bd9aa0 rgb(189,154,160)
```

Split Complementary Color

#b1bd9a
```
#b1bd9a rgb(177,189,154)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#bd9ab1
```
#bd9ab1 rgb(189,154,177)
```

Triadic Color

#9abda6
```
#9abda6 rgb(154,189,166)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#bd9ab1
```
#bd9ab1 rgb(189,154,177)
```
#bda69a
```
#bda69a rgb(189,166,154)
```

Tetradic Color

#6c8d9f
```
#6c8d9f rgb(108,141,159)
```
#7b99a9
```
#7b99a9 rgb(123,153,169)
```
#8ba5b3
```
#8ba5b3 rgb(139,165,179)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#a9bdc7
```
#a9bdc7 rgb(169,189,199)
```
#b9c9d1
```
#b9c9d1 rgb(185,201,209)
```
#c8d5db
```
#c8d5db rgb(200,213,219)
```

Monochromatic Color

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

#9ababd
```
#9ababd rgb(154,186,189)
```
#9ab7bd
```
#9ab7bd rgb(154,183,189)
```
#9ab4bd
```
#9ab4bd rgb(154,180,189)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#9aaebd
```
#9aaebd rgb(154,174,189)
```
#9aabbd
```
#9aabbd rgb(154,171,189)
```
#9aa8bd
```
#9aa8bd rgb(154,168,189)
```

Similar Colors

Text with hexadecimal color #9ab1bd

This text has a font color of #9ab1bd.

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

#9ab1bd background color

This paragraph has a background color of #9ab1bd.

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

#9ab1bd border color

This element has a border color of #9ab1bd.

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

CSS codes

.text {color:#9ab1bd;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c1012
```
#0c1012 rgb(12,16,18)
```
#131a1d
```
#131a1d rgb(19,26,29)
```
#1b2429
```
#1b2429 rgb(27,36,41)
```
#232f35
```
#232f35 rgb(35,47,53)
```
#2b3941
```
#2b3941 rgb(43,57,65)
```
#32444d
```
#32444d rgb(50,68,77)
```
#3a4e59
```
#3a4e59 rgb(58,78,89)
```
#425965
```
#425965 rgb(66,89,101)
```
#4a6371
```
#4a6371 rgb(74,99,113)
```
#516e7c
```
#516e7c rgb(81,110,124)
```
#597888
```
#597888 rgb(89,120,136)
```
#618394
```
#618394 rgb(97,131,148)
```

Shade Color Variation

#6b8c9e
```
#6b8c9e rgb(107,140,158)
```
#7696a6
```
#7696a6 rgb(118,150,166)
```
#829fad
```
#829fad rgb(130,159,173)
```
#8ea8b5
```
#8ea8b5 rgb(142,168,181)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#a6bac5
```
#a6bac5 rgb(166,186,197)
```
#b2c3cd
```
#b2c3cd rgb(178,195,205)
```
#beccd4
```
#beccd4 rgb(190,204,212)
```
#c9d6dc
```
#c9d6dc rgb(201,214,220)
```
#d5dfe4
```
#d5dfe4 rgb(213,223,228)
```
#e1e8ec
```
#e1e8ec rgb(225,232,236)
```
#edf1f3
```
#edf1f3 rgb(237,241,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#a7adb0
```
#a7adb0 rgb(167,173,176)
```
#a0afb7
```
#a0afb7 rgb(160,175,183)
```
#9ab1bd
```
#9ab1bd rgb(154,177,189)
```
#94b3c3
```
#94b3c3 rgb(148,179,195)
```
#8db5ca
```
#8db5ca rgb(141,181,202)
```
#87b7d0
```
#87b7d0 rgb(135,183,208)
```
#80b9d7
```
#80b9d7 rgb(128,185,215)
```
#7abbdd
```
#7abbdd rgb(122,187,221)
```
#73bde4
```
#73bde4 rgb(115,189,228)
```
#6dbfea
```
#6dbfea rgb(109,191,234)
```
#67c1f0
```
#67c1f0 rgb(103,193,240)
```
#60c3f7
```
#60c3f7 rgb(96,195,247)
```
#5ac5fd
```
#5ac5fd rgb(90,197,253)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8acaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b0bd Protanopia 1% of men
#b9adc3 Deuteranopia 1% of men
#9fb4c1 Tritanopia 0.001% of the population

Trichromacy

#a8b0bd Protanomaly 1% of men, 0.01% of women
#aeaec0 Deuteranomaly 6% of men, 0.4% of women
#9db3c0 Tritanomaly 0.01% of the population

#9ab1bd hex color

#9ab1bd Color Information

#9ab1bd Color Conversion

Color Schemes with #9ab1bd

Alternatives to #9ab1bd

#9ab1bd Preview

Shades and Tints of #9ab1bd

Tones of #9ab1bd

Color Blindness Simulator