#9ae0b0 hex color

In a RGB color space, hex #9ae0b0 is composed of 60.4% red, 87.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 0% magenta, 21.4% yellow and 12.2% black. It has a hue angle of 138.9 degrees, a saturation of 53% and a lightness of 74.1%. #9ae0b0 color hex could be obtained by blending #ffffff with #35c161. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 60
- G 88
- B 69
RGB color chart
- C 31
- M 0
- Y 21
- K 12
CMYK color chart

● #9ae0b0 color description : Very soft cyan - lime green.

The hexadecimal color #9ae0b0 has RGB values of R:154, G:224, B:176 and CMYK values of C:0.31, M:0, Y:0.21, K:0.12. Its decimal value is 10150064.

Hex triplet	9ae0b0	`#9ae0b0`
RGB Decimal	154, 224, 176	`rgb(154,224,176)`
RGB Percent	60.4, 87.8, 69	`rgb(60.4%,87.8%,69%)`
CMYK	31, 0, 21, 12
HSL	138.9°, 53, 74.1	`hsl(138.9,53%,74.1%)`
HSV (or HSB)	138.9°, 31.3, 87.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.607, -31.678, 16.645
XYZ	47.816, 63.314, 50.773
xyY	0.295, 0.391, 63.314
CIE-LCH	83.607, 35.785, 152.281
CIE-LUV	83.607, -34.238, 29.597
Hunter-Lab	79.57, -31.981, 17.866
Binary	10011010, 11100000, 10110000

#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#e09aca
```
#e09aca rgb(224,154,202)
```

Complementary Color

#a7e09a
```
#a7e09a rgb(167,224,154)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#9ae0d3
```
#9ae0d3 rgb(154,224,211)
```

Analogous Color

#e09aa7
```
#e09aa7 rgb(224,154,167)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#d39ae0
```
#d39ae0 rgb(211,154,224)
```

Split Complementary Color

#e0b09a
```
#e0b09a rgb(224,176,154)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#b09ae0
```
#b09ae0 rgb(176,154,224)
```

Triadic Color

#cae09a
```
#cae09a rgb(202,224,154)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#b09ae0
```
#b09ae0 rgb(176,154,224)
```
#e09aca
```
#e09aca rgb(224,154,202)
```

Tetradic Color

#5fce82
```
#5fce82 rgb(95,206,130)
```
#73d491
```
#73d491 rgb(115,212,145)
```
#86daa1
```
#86daa1 rgb(134,218,161)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#aee6bf
```
#aee6bf rgb(174,230,191)
```
#c1eccf
```
#c1eccf rgb(193,236,207)
```
#d5f2de
```
#d5f2de rgb(213,242,222)
```

Monochromatic Color

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

#9ae09f
```
#9ae09f rgb(154,224,159)
```
#9ae0a4
```
#9ae0a4 rgb(154,224,164)
```
#9ae0aa
```
#9ae0aa rgb(154,224,170)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#9ae0b6
```
#9ae0b6 rgb(154,224,182)
```
#9ae0bc
```
#9ae0bc rgb(154,224,188)
```
#9ae0c2
```
#9ae0c2 rgb(154,224,194)
```

Similar Colors

Text with hexadecimal color #9ae0b0

This text has a font color of #9ae0b0.

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

#9ae0b0 background color

This paragraph has a background color of #9ae0b0.

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

#9ae0b0 border color

This element has a border color of #9ae0b0.

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

CSS codes

.text {color:#9ae0b0;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#06130a
```
#06130a rgb(6,19,10)
```
#0a2212
```
#0a2212 rgb(10,34,18)
```
#0f311a
```
#0f311a rgb(15,49,26)
```
#144022
```
#144022 rgb(20,64,34)
```
#184f2a
```
#184f2a rgb(24,79,42)
```
#1d5e31
```
#1d5e31 rgb(29,94,49)
```
#216d39
```
#216d39 rgb(33,109,57)
```
#267c41
```
#267c41 rgb(38,124,65)
```
#2b8b49
```
#2b8b49 rgb(43,139,73)
```
#2f9a51
```
#2f9a51 rgb(47,154,81)
```
#34a959
```
#34a959 rgb(52,169,89)
```
#39b861
```
#39b861 rgb(57,184,97)
```

Shade Color Variation

#40c46a
```
#40c46a rgb(64,196,106)
```
#4fc975
```
#4fc975 rgb(79,201,117)
```
#5ece81
```
#5ece81 rgb(94,206,129)
```
#6dd28d
```
#6dd28d rgb(109,210,141)
```
#7cd799
```
#7cd799 rgb(124,215,153)
```
#8bdba4
```
#8bdba4 rgb(139,219,164)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#a9e5bc
```
#a9e5bc rgb(169,229,188)
```
#b8e9c7
```
#b8e9c7 rgb(184,233,199)
```
#c7eed3
```
#c7eed3 rgb(199,238,211)
```
#d6f2df
```
#d6f2df rgb(214,242,223)
```
#e5f7eb
```
#e5f7eb rgb(229,247,235)
```
#f4fcf6
```
#f4fcf6 rgb(244,252,246)
```

Tint Color Variation

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

#b8c2bb
```
#b8c2bb rgb(184,194,187)
```
#b3c7b9
```
#b3c7b9 rgb(179,199,185)
```
#aeccb8
```
#aeccb8 rgb(174,204,184)
```
#a9d1b6
```
#a9d1b6 rgb(169,209,182)
```
#a4d6b4
```
#a4d6b4 rgb(164,214,180)
```
#9fdbb2
```
#9fdbb2 rgb(159,219,178)
```
#9ae0b0
```
#9ae0b0 rgb(154,224,176)
```
#95e5ae
```
#95e5ae rgb(149,229,174)
```
#90eaac
```
#90eaac rgb(144,234,172)
```
#8befaa
```
#8befaa rgb(139,239,170)
```
#86f4a8
```
#86f4a8 rgb(134,244,168)
```
#81f9a7
```
#81f9a7 rgb(129,249,167)
```
#7cfea5
```
#7cfea5 rgb(124,254,165)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#bdcbc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded2ad Protanopia 1% of men
#efcbbb Deuteranopia 1% of men
#acdae9 Tritanopia 0.001% of the population

Trichromacy

#c5d7ae Protanomaly 1% of men, 0.01% of women
#d0d3b7 Deuteranomaly 6% of men, 0.4% of women
#a5dcd4 Tritanomaly 0.01% of the population

#9ae0b0 hex color

#9ae0b0 Color Information

#9ae0b0 Color Conversion

Color Schemes with #9ae0b0

Alternatives to #9ae0b0

#9ae0b0 Preview

Shades and Tints of #9ae0b0

Tones of #9ae0b0

Color Blindness Simulator