#8caf9a hex color

In a RGB color space, hex #8caf9a is composed of 54.9% red, 68.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 12% yellow and 31.4% black. It has a hue angle of 144 degrees, a saturation of 17.9% and a lightness of 61.8%. #8caf9a color hex could be obtained by blending #ffffff with #195f35. Closest websafe color is: #999999.

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

● #8caf9a color description : Dark grayish cyan - lime green.

The hexadecimal color #8caf9a has RGB values of R:140, G:175, B:154 and CMYK values of C:0.2, M:0, Y:0.12, K:0.31. Its decimal value is 9219994.

Hex triplet	8caf9a	`#8caf9a`
RGB Decimal	140, 175, 154	`rgb(140,175,154)`
RGB Percent	54.9, 68.6, 60.4	`rgb(54.9%,68.6%,60.4%)`
CMYK	20, 0, 12, 31
HSL	144°, 17.9, 61.8	`hsl(144,17.9%,61.8%)`
HSV (or HSB)	144°, 20, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.437, -16.202, 6.864
XYZ	31.976, 38.568, 36.33
xyY	0.299, 0.361, 38.568
CIE-LCH	68.437, 17.596, 157.041
CIE-LUV	68.437, -17.851, 12.551
Hunter-Lab	62.103, -16.771, 8.788
Binary	10001100, 10101111, 10011010

#8caf9a
```
#8caf9a rgb(140,175,154)
```
#af8ca1
```
#af8ca1 rgb(175,140,161)
```

Complementary Color

#90af8c
```
#90af8c rgb(144,175,140)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#8cafac
```
#8cafac rgb(140,175,172)
```

Analogous Color

#af8c90
```
#af8c90 rgb(175,140,144)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#ac8caf
```
#ac8caf rgb(172,140,175)
```

Split Complementary Color

#af9a8c
```
#af9a8c rgb(175,154,140)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#9a8caf
```
#9a8caf rgb(154,140,175)
```

Triadic Color

#a1af8c
```
#a1af8c rgb(161,175,140)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#9a8caf
```
#9a8caf rgb(154,140,175)
```
#af8ca1
```
#af8ca1 rgb(175,140,161)
```

Tetradic Color

#628d73
```
#628d73 rgb(98,141,115)
```
#6e9a80
```
#6e9a80 rgb(110,154,128)
```
#7da58d
```
#7da58d rgb(125,165,141)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#9bb9a7
```
#9bb9a7 rgb(155,185,167)
```
#aac4b4
```
#aac4b4 rgb(170,196,180)
```
#b9cec2
```
#b9cec2 rgb(185,206,194)
```

Monochromatic Color

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

#8caf91
```
#8caf91 rgb(140,175,145)
```
#8caf94
```
#8caf94 rgb(140,175,148)
```
#8caf97
```
#8caf97 rgb(140,175,151)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#8caf9d
```
#8caf9d rgb(140,175,157)
```
#8cafa0
```
#8cafa0 rgb(140,175,160)
```
#8cafa3
```
#8cafa3 rgb(140,175,163)
```

Similar Colors

Text with hexadecimal color #8caf9a

This text has a font color of #8caf9a.

<span style="color:#8caf9a;">Text here</span>

#8caf9a background color

This paragraph has a background color of #8caf9a.

<p style="background-color:#8caf9a;">Content here</p>

#8caf9a border color

This element has a border color of #8caf9a.

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

CSS codes

.text {color:#8caf9a;}

.background {background-color:#8caf9a;}

.border {border:1px solid #8caf9a;}

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

#000101
```
#000101 rgb(0,1,1)
```
#090c0a
```
#090c0a rgb(9,12,10)
```
#111813
```
#111813 rgb(17,24,19)
```
#19231d
```
#19231d rgb(25,35,29)
```
#212f26
```
#212f26 rgb(33,47,38)
```
#293b30
```
#293b30 rgb(41,59,48)
```
#314639
```
#314639 rgb(49,70,57)
```
#395243
```
#395243 rgb(57,82,67)
```
#415d4c
```
#415d4c rgb(65,93,76)
```
#496956
```
#496956 rgb(73,105,86)
```
#51745f
```
#51745f rgb(81,116,95)
```
#598069
```
#598069 rgb(89,128,105)
```
#618b72
```
#618b72 rgb(97,139,114)
```

Shade Color Variation

#69977c
```
#69977c rgb(105,151,124)
```
#759f86
```
#759f86 rgb(117,159,134)
```
#80a790
```
#80a790 rgb(128,167,144)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#98b7a4
```
#98b7a4 rgb(152,183,164)
```
#a3bfae
```
#a3bfae rgb(163,191,174)
```
#afc7b8
```
#afc7b8 rgb(175,199,184)
```
#bacfc3
```
#bacfc3 rgb(186,207,195)
```
#c6d7cd
```
#c6d7cd rgb(198,215,205)
```
#d1dfd7
```
#d1dfd7 rgb(209,223,215)
```
#dde7e1
```
#dde7e1 rgb(221,231,225)
```
#e9efeb
```
#e9efeb rgb(233,239,235)
```
#f4f7f5
```
#f4f7f5 rgb(244,247,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba09d is the less saturated color, while #41fa8b is the most saturated one.

#9ba09d
```
#9ba09d rgb(155,160,157)
```
#94a89c
```
#94a89c rgb(148,168,156)
```
#8caf9a
```
#8caf9a rgb(140,175,154)
```
#85b799
```
#85b799 rgb(133,183,153)
```
#7dbe97
```
#7dbe97 rgb(125,190,151)
```
#76c696
```
#76c696 rgb(118,198,150)
```
#6ecd94
```
#6ecd94 rgb(110,205,148)
```
#67d593
```
#67d593 rgb(103,213,147)
```
#5fdc91
```
#5fdc91 rgb(95,220,145)
```
#58e490
```
#58e490 rgb(88,228,144)
```
#50eb8e
```
#50eb8e rgb(80,235,142)
```
#49f38d
```
#49f38d rgb(73,243,141)
```
#41fa8b
```
#41fa8b rgb(65,250,139)
```

Tone Color Variation

Below, you can see how #8caf9a 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

#a2a2a2 Achromatopsia 0.005% of the population
#9ea5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa9b Protanopia 1% of men
#bea6a3 Deuteranopia 1% of men
#98aebb Tritanopia 0.001% of the population

Trichromacy

#a4ac9a Protanomaly 1% of men, 0.01% of women
#aca9a0 Deuteranomaly 6% of men, 0.4% of women
#93aeaf Tritanomaly 0.01% of the population

#8caf9a hex color

#8caf9a Color Information

#8caf9a Color Conversion

Color Schemes with #8caf9a

Alternatives to #8caf9a

#8caf9a Preview

Shades and Tints of #8caf9a

Tones of #8caf9a

Color Blindness Simulator