#9baea2 hex color

In a RGB color space, hex #9baea2 is composed of 60.8% red, 68.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 6.9% yellow and 31.8% black. It has a hue angle of 142.1 degrees, a saturation of 10.5% and a lightness of 64.5%. #9baea2 color hex could be obtained by blending #ffffff with #375d45. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 68
- B 64
RGB color chart
- C 11
- M 0
- Y 7
- K 32
CMYK color chart

● #9baea2 color description : Dark grayish cyan - lime green.

The hexadecimal color #9baea2 has RGB values of R:155, G:174, B:162 and CMYK values of C:0.11, M:0, Y:0.07, K:0.32. Its decimal value is 10202786.

Hex triplet	9baea2	`#9baea2`
RGB Decimal	155, 174, 162	`rgb(155,174,162)`
RGB Percent	60.8, 68.2, 63.5	`rgb(60.8%,68.2%,63.5%)`
CMYK	11, 0, 7, 32
HSL	142.1°, 10.5, 64.5	`hsl(142.1,10.5%,64.5%)`
HSV (or HSB)	142.1°, 10.9, 68.2
Web Safe	999999	`#999999`

CIE-LAB	69.362, -8.964, 3.913
XYZ	35.174, 39.849, 40.019
xyY	0.306, 0.346, 39.849
CIE-LCH	69.362, 9.781, 156.417
CIE-LUV	69.362, -9.905, 7.185
Hunter-Lab	63.126, -11.01, 6.601
Binary	10011011, 10101110, 10100010

#9baea2
```
#9baea2 rgb(155,174,162)
```
#ae9ba7
```
#ae9ba7 rgb(174,155,167)
```

Complementary Color

#9eae9b
```
#9eae9b rgb(158,174,155)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#9baeac
```
#9baeac rgb(155,174,172)
```

Analogous Color

#ae9b9e
```
#ae9b9e rgb(174,155,158)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#ac9bae
```
#ac9bae rgb(172,155,174)
```

Split Complementary Color

#aea29b
```
#aea29b rgb(174,162,155)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#a29bae
```
#a29bae rgb(162,155,174)
```

Triadic Color

#a7ae9b
```
#a7ae9b rgb(167,174,155)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#a29bae
```
#a29bae rgb(162,155,174)
```
#ae9ba7
```
#ae9ba7 rgb(174,155,167)
```

Tetradic Color

#718c7b
```
#718c7b rgb(113,140,123)
```
#7f9788
```
#7f9788 rgb(127,151,136)
```
#8da395
```
#8da395 rgb(141,163,149)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#a9b9af
```
#a9b9af rgb(169,185,175)
```
#b7c5bc
```
#b7c5bc rgb(183,197,188)
```
#c5d0c9
```
#c5d0c9 rgb(197,208,201)
```

Monochromatic Color

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

#9bae9d
```
#9bae9d rgb(155,174,157)
```
#9bae9f
```
#9bae9f rgb(155,174,159)
```
#9baea0
```
#9baea0 rgb(155,174,160)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#9baea4
```
#9baea4 rgb(155,174,164)
```
#9baea5
```
#9baea5 rgb(155,174,165)
```
#9baea7
```
#9baea7 rgb(155,174,167)
```

Similar Colors

Text with hexadecimal color #9baea2

This text has a font color of #9baea2.

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

#9baea2 background color

This paragraph has a background color of #9baea2.

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

#9baea2 border color

This element has a border color of #9baea2.

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

CSS codes

.text {color:#9baea2;}

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

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

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

#070807
```
#070807 rgb(7,8,7)
```
#101311
```
#101311 rgb(16,19,17)
```
#181e1a
```
#181e1a rgb(24,30,26)
```
#212924
```
#212924 rgb(33,41,36)
```
#2a342e
```
#2a342e rgb(42,52,46)
```
#333f37
```
#333f37 rgb(51,63,55)
```
#3b4941
```
#3b4941 rgb(59,73,65)
```
#44544a
```
#44544a rgb(68,84,74)
```
#4d5f54
```
#4d5f54 rgb(77,95,84)
```
#566a5d
```
#566a5d rgb(86,106,93)
```
#5f7567
```
#5f7567 rgb(95,117,103)
```
#678070
```
#678070 rgb(103,128,112)
```
#708a7a
```
#708a7a rgb(112,138,122)
```

Shade Color Variation

#7a9484
```
#7a9484 rgb(122,148,132)
```
#859c8e
```
#859c8e rgb(133,156,142)
```
#90a598
```
#90a598 rgb(144,165,152)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#a6b7ac
```
#a6b7ac rgb(166,183,172)
```
#b1c0b6
```
#b1c0b6 rgb(177,192,182)
```
#bcc8c0
```
#bcc8c0 rgb(188,200,192)
```
#c6d1ca
```
#c6d1ca rgb(198,209,202)
```
#d1dad4
```
#d1dad4 rgb(209,218,212)
```
#dce3de
```
#dce3de rgb(220,227,222)
```
#e7ebe9
```
#e7ebe9 rgb(231,235,233)
```
#f2f4f3
```
#f2f4f3 rgb(242,244,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a2a7a4
```
#a2a7a4 rgb(162,167,164)
```
#9baea2
```
#9baea2 rgb(155,174,162)
```
#94b5a0
```
#94b5a0 rgb(148,181,160)
```
#8dbc9e
```
#8dbc9e rgb(141,188,158)
```
#86c39d
```
#86c39d rgb(134,195,157)
```
#7fca9b
```
#7fca9b rgb(127,202,155)
```
#78d199
```
#78d199 rgb(120,209,153)
```
#71d897
```
#71d897 rgb(113,216,151)
```
#6adf95
```
#6adf95 rgb(106,223,149)
```
#63e693
```
#63e693 rgb(99,230,147)
```
#5ced92
```
#5ced92 rgb(92,237,146)
```
#55f490
```
#55f490 rgb(85,244,144)
```
#4efb8e
```
#4efb8e rgb(78,251,142)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ada4 Protanopia 1% of men
#bfa8a9 Deuteranopia 1% of men
#a4afbb Tritanopia 0.001% of the population

Trichromacy

#aaada3 Protanomaly 1% of men, 0.01% of women
#b2aaa7 Deuteranomaly 6% of men, 0.4% of women
#a0aeb2 Tritanomaly 0.01% of the population

#9baea2 hex color

#9baea2 Color Information

#9baea2 Color Conversion

Color Schemes with #9baea2

Alternatives to #9baea2

#9baea2 Preview

Shades and Tints of #9baea2

Tones of #9baea2

Color Blindness Simulator