colorhexa.com

#97bca1 hex color

In a RGB color space, hex #97bca1 is composed of 59.2% red, 73.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 0% magenta, 14.4% yellow and 26.3% black. It has a hue angle of 136.2 degrees, a saturation of 21.6% and a lightness of 66.5%. #97bca1 color hex could be obtained by blending #ffffff with #2f7943. Closest websafe color is: #99cc99.

- R 59
- G 74
- B 63
RGB color chart
- C 20
- M 0
- Y 14
- K 26
CMYK color chart

● #97bca1 color description : Grayish cyan - lime green.

The hexadecimal color #97bca1 has RGB values of R:151, G:188, B:161 and CMYK values of C:0.2, M:0, Y:0.14, K:0.26. Its decimal value is 9944225.

Hex triplet	97bca1	`#97bca1`
RGB Decimal	151, 188, 161	`rgb(151,188,161)`
RGB Percent	59.2, 73.7, 63.1	`rgb(59.2%,73.7%,63.1%)`
CMYK	20, 0, 14, 26
HSL	136.2°, 21.6, 66.5	`hsl(136.2,21.6%,66.5%)`
HSV (or HSB)	136.2°, 19.7, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.97, -17.825, 9.602
XYZ	37.177, 45.118, 40.466
xyY	0.303, 0.368, 45.118
CIE-LCH	72.97, 20.247, 151.69
CIE-LUV	72.97, -18.801, 16.851
Hunter-Lab	67.17, -18.752, 11.3
Binary	10010111, 10111100, 10100001

#97bca1
```
#97bca1 rgb(151,188,161)
```
#bc97b2
```
#bc97b2 rgb(188,151,178)
```

Complementary Color

#a0bc97
```
#a0bc97 rgb(160,188,151)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#97bcb4
```
#97bcb4 rgb(151,188,180)
```

Analogous Color

#bc97a0
```
#bc97a0 rgb(188,151,160)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#b497bc
```
#b497bc rgb(180,151,188)
```

Split Complementary Color

#bca197
```
#bca197 rgb(188,161,151)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#a197bc
```
#a197bc rgb(161,151,188)
```

Triadic Color

#b2bc97
```
#b2bc97 rgb(178,188,151)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#a197bc
```
#a197bc rgb(161,151,188)
```
#bc97b2
```
#bc97b2 rgb(188,151,178)
```

Tetradic Color

#689e77
```
#689e77 rgb(104,158,119)
```
#78a885
```
#78a885 rgb(120,168,133)
```
#87b293
```
#87b293 rgb(135,178,147)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#a7c6af
```
#a7c6af rgb(167,198,175)
```
#b6d0bd
```
#b6d0bd rgb(182,208,189)
```
#c6dacb
```
#c6dacb rgb(198,218,203)
```

Monochromatic Color

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

#97bc98
```
#97bc98 rgb(151,188,152)
```
#97bc9b
```
#97bc9b rgb(151,188,155)
```
#97bc9e
```
#97bc9e rgb(151,188,158)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#97bca4
```
#97bca4 rgb(151,188,164)
```
#97bca7
```
#97bca7 rgb(151,188,167)
```
#97bcaa
```
#97bcaa rgb(151,188,170)
```

Similar Colors

Text with hexadecimal color #97bca1

This text has a font color of #97bca1.

<span style="color:#97bca1;">Text here</span>

#97bca1 background color

This paragraph has a background color of #97bca1.

<p style="background-color:#97bca1;">Content here</p>

#97bca1 border color

This element has a border color of #97bca1.

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

CSS codes

.text {color:#97bca1;}

.background {background-color:#97bca1;}

.border {border:1px solid #97bca1;}

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0f0b
```
#0a0f0b rgb(10,15,11)
```
#121b14
```
#121b14 rgb(18,27,20)
```
#19271d
```
#19271d rgb(25,39,29)
```
#213326
```
#213326 rgb(33,51,38)
```
#293f2f
```
#293f2f rgb(41,63,47)
```
#304b37
```
#304b37 rgb(48,75,55)
```
#385740
```
#385740 rgb(56,87,64)
```
#406349
```
#406349 rgb(64,99,73)
```
#476f52
```
#476f52 rgb(71,111,82)
```
#4f7b5b
```
#4f7b5b rgb(79,123,91)
```
#578764
```
#578764 rgb(87,135,100)
```
#5e936c
```
#5e936c rgb(94,147,108)
```

Shade Color Variation

#679d76
```
#679d76 rgb(103,157,118)
```
#73a581
```
#73a581 rgb(115,165,129)
```
#7fad8b
```
#7fad8b rgb(127,173,139)
```
#8bb496
```
#8bb496 rgb(139,180,150)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#a3c4ac
```
#a3c4ac rgb(163,196,172)
```
#afcbb7
```
#afcbb7 rgb(175,203,183)
```
#bbd3c1
```
#bbd3c1 rgb(187,211,193)
```
#c7dbcc
```
#c7dbcc rgb(199,219,204)
```
#d3e2d7
```
#d3e2d7 rgb(211,226,215)
```
#dfeae2
```
#dfeae2 rgb(223,234,226)
```
#ebf2ec
```
#ebf2ec rgb(235,242,236)
```
#f6f9f7
```
#f6f9f7 rgb(246,249,247)
```

Tint Color Variation

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

#a4afa7
```
#a4afa7 rgb(164,175,167)
```
#9eb5a4
```
#9eb5a4 rgb(158,181,164)
```
#97bca1
```
#97bca1 rgb(151,188,161)
```
#90c39e
```
#90c39e rgb(144,195,158)
```
#8ac99b
```
#8ac99b rgb(138,201,155)
```
#83d098
```
#83d098 rgb(131,208,152)
```
#7dd695
```
#7dd695 rgb(125,214,149)
```
#76dd92
```
#76dd92 rgb(118,221,146)
```
#70e38f
```
#70e38f rgb(112,227,143)
```
#69ea8c
```
#69ea8c rgb(105,234,140)
```
#62f189
```
#62f189 rgb(98,241,137)
```
#5cf786
```
#5cf786 rgb(92,247,134)
```
#55fe83
```
#55fe83 rgb(85,254,131)
```

Tone Color Variation

Below, you can see how #97bca1 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

#aeaeae Achromatopsia 0.005% of the population
#a9b1ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb6a1 Protanopia 1% of men
#ccb1aa Deuteranopia 1% of men
#a3bac7 Tritanopia 0.001% of the population

Trichromacy

#b0b8a1 Protanomaly 1% of men, 0.01% of women
#b9b5a7 Deuteranomaly 6% of men, 0.4% of women
#9fbbb9 Tritanomaly 0.01% of the population