#8caf9e hex color

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

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

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

The hexadecimal color #8caf9e has RGB values of R:140, G:175, B:158 and CMYK values of C:0.2, M:0, Y:0.1, K:0.31. Its decimal value is 9219998.

Hex triplet	8caf9e	`#8caf9e`
RGB Decimal	140, 175, 158	`rgb(140,175,158)`
RGB Percent	54.9, 68.6, 62	`rgb(54.9%,68.6%,62%)`
CMYK	20, 0, 10, 31
HSL	150.9°, 17.9, 61.8	`hsl(150.9,17.9%,61.8%)`
HSV (or HSB)	150.9°, 20, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.536, -15.404, 4.799
XYZ	32.315, 38.703, 38.114
xyY	0.296, 0.355, 38.703
CIE-LCH	68.536, 16.135, 162.694
CIE-LUV	68.536, -17.899, 9.498
Hunter-Lab	62.212, -16.151, 7.225
Binary	10001100, 10101111, 10011110

#8caf9e
```
#8caf9e rgb(140,175,158)
```
#af8c9d
```
#af8c9d rgb(175,140,157)
```

Complementary Color

#8caf8d
```
#8caf8d rgb(140,175,141)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#8cafaf
```
#8cafaf rgb(140,175,175)
```

Analogous Color

#af8d8c
```
#af8d8c rgb(175,141,140)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#af8caf
```
#af8caf rgb(175,140,175)
```

Split Complementary Color

#af9e8c
```
#af9e8c rgb(175,158,140)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#9e8caf
```
#9e8caf rgb(158,140,175)
```

Triadic Color

#9daf8c
```
#9daf8c rgb(157,175,140)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#9e8caf
```
#9e8caf rgb(158,140,175)
```
#af8c9d
```
#af8c9d rgb(175,140,157)
```

Tetradic Color

#628d78
```
#628d78 rgb(98,141,120)
```
#6e9a85
```
#6e9a85 rgb(110,154,133)
```
#7da591
```
#7da591 rgb(125,165,145)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#9bb9ab
```
#9bb9ab rgb(155,185,171)
```
#aac4b7
```
#aac4b7 rgb(170,196,183)
```
#b9cec4
```
#b9cec4 rgb(185,206,196)
```

Monochromatic Color

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

#8caf95
```
#8caf95 rgb(140,175,149)
```
#8caf98
```
#8caf98 rgb(140,175,152)
```
#8caf9b
```
#8caf9b rgb(140,175,155)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#8cafa1
```
#8cafa1 rgb(140,175,161)
```
#8cafa4
```
#8cafa4 rgb(140,175,164)
```
#8cafa7
```
#8cafa7 rgb(140,175,167)
```

Similar Colors

Text with hexadecimal color #8caf9e

This text has a font color of #8caf9e.

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

#8caf9e background color

This paragraph has a background color of #8caf9e.

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

#8caf9e border color

This element has a border color of #8caf9e.

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

CSS codes

.text {color:#8caf9e;}

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

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

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 #f4f7f6 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#090c0a
```
#090c0a rgb(9,12,10)
```
#111814
```
#111814 rgb(17,24,20)
```
#19231e
```
#19231e rgb(25,35,30)
```
#212f28
```
#212f28 rgb(33,47,40)
```
#293b32
```
#293b32 rgb(41,59,50)
```
#31463c
```
#31463c rgb(49,70,60)
```
#395246
```
#395246 rgb(57,82,70)
```
#415d4f
```
#415d4f rgb(65,93,79)
```
#496959
```
#496959 rgb(73,105,89)
```
#517463
```
#517463 rgb(81,116,99)
```
#59806d
```
#59806d rgb(89,128,109)
```
#618b77
```
#618b77 rgb(97,139,119)
```

Shade Color Variation

#699781
```
#699781 rgb(105,151,129)
```
#759f8a
```
#759f8a rgb(117,159,138)
```
#80a794
```
#80a794 rgb(128,167,148)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#98b7a8
```
#98b7a8 rgb(152,183,168)
```
#a3bfb2
```
#a3bfb2 rgb(163,191,178)
```
#afc7bb
```
#afc7bb rgb(175,199,187)
```
#bacfc5
```
#bacfc5 rgb(186,207,197)
```
#c6d7cf
```
#c6d7cf rgb(198,215,207)
```
#d1dfd9
```
#d1dfd9 rgb(209,223,217)
```
#dde7e2
```
#dde7e2 rgb(221,231,226)
```
#e9efec
```
#e9efec rgb(233,239,236)
```
#f4f7f6
```
#f4f7f6 rgb(244,247,246)
```

Tint Color Variation

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

#9ba09e
```
#9ba09e rgb(155,160,158)
```
#94a89e
```
#94a89e rgb(148,168,158)
```
#8caf9e
```
#8caf9e rgb(140,175,158)
```
#85b79e
```
#85b79e rgb(133,183,158)
```
#7dbe9e
```
#7dbe9e rgb(125,190,158)
```
#76c69f
```
#76c69f rgb(118,198,159)
```
#6ecd9f
```
#6ecd9f rgb(110,205,159)
```
#67d59f
```
#67d59f rgb(103,213,159)
```
#5fdc9f
```
#5fdc9f rgb(95,220,159)
```
#58e4a0
```
#58e4a0 rgb(88,228,160)
```
#50eba0
```
#50eba0 rgb(80,235,160)
```
#49f3a0
```
#49f3a0 rgb(73,243,160)
```
#41faa0
```
#41faa0 rgb(65,250,160)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ea5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1ab9f Protanopia 1% of men
#bda6a7 Deuteranopia 1% of men
#97afbc Tritanopia 0.001% of the population

Trichromacy

#a3ac9e Protanomaly 1% of men, 0.01% of women
#aba9a3 Deuteranomaly 6% of men, 0.4% of women
#93afb1 Tritanomaly 0.01% of the population

#8caf9e hex color

#8caf9e Color Information

#8caf9e Color Conversion

Color Schemes with #8caf9e

Alternatives to #8caf9e

#8caf9e Preview

Shades and Tints of #8caf9e

Tones of #8caf9e

Color Blindness Simulator