#7fd5bb hex color

In a RGB color space, hex #7fd5bb is composed of 49.8% red, 83.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 0% magenta, 12.2% yellow and 16.5% black. It has a hue angle of 161.9 degrees, a saturation of 50.6% and a lightness of 66.7%. #7fd5bb color hex could be obtained by blending #feffff with #00ab77. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 50
- G 84
- B 73
RGB color chart
- C 40
- M 0
- Y 12
- K 16
CMYK color chart

● #7fd5bb color description : Slightly desaturated cyan - lime green.

The hexadecimal color #7fd5bb has RGB values of R:127, G:213, B:187 and CMYK values of C:0.4, M:0, Y:0.12, K:0.16. Its decimal value is 8377787.

Hex triplet	7fd5bb	`#7fd5bb`
RGB Decimal	127, 213, 187	`rgb(127,213,187)`
RGB Percent	49.8, 83.5, 73.3	`rgb(49.8%,83.5%,73.3%)`
CMYK	40, 0, 12, 16
HSL	161.9°, 50.6, 66.7	`hsl(161.9,50.6%,66.7%)`
HSV (or HSB)	161.9°, 40.4, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.435, -31.995, 4.711
XYZ	41.514, 55.686, 55.572
xyY	0.272, 0.365, 55.686
CIE-LCH	79.435, 32.34, 171.623
CIE-LUV	79.435, -39.975, 12.326
Hunter-Lab	74.623, -31.289, 8.083
Binary	01111111, 11010101, 10111011

#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#d57f99
```
#d57f99 rgb(213,127,153)
```

Complementary Color

#7fd590
```
#7fd590 rgb(127,213,144)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#7fc4d5
```
#7fc4d5 rgb(127,196,213)
```

Analogous Color

#d5907f
```
#d5907f rgb(213,144,127)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#d57fc4
```
#d57fc4 rgb(213,127,196)
```

Split Complementary Color

#d5bb7f
```
#d5bb7f rgb(213,187,127)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#bb7fd5
```
#bb7fd5 rgb(187,127,213)
```

Triadic Color

#99d57f
```
#99d57f rgb(153,213,127)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#bb7fd5
```
#bb7fd5 rgb(187,127,213)
```
#d57f99
```
#d57f99 rgb(213,127,153)
```

Tetradic Color

#45c29c
```
#45c29c rgb(69,194,156)
```
#59c8a7
```
#59c8a7 rgb(89,200,167)
```
#6ccfb1
```
#6ccfb1 rgb(108,207,177)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#92dbc5
```
#92dbc5 rgb(146,219,197)
```
#a5e2cf
```
#a5e2cf rgb(165,226,207)
```
#b9e8da
```
#b9e8da rgb(185,232,218)
```

Monochromatic Color

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

#7fd5a6
```
#7fd5a6 rgb(127,213,166)
```
#7fd5ad
```
#7fd5ad rgb(127,213,173)
```
#7fd5b4
```
#7fd5b4 rgb(127,213,180)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#7fd5c2
```
#7fd5c2 rgb(127,213,194)
```
#7fd5c9
```
#7fd5c9 rgb(127,213,201)
```
#7fd5d1
```
#7fd5d1 rgb(127,213,209)
```

Similar Colors

Text with hexadecimal color #7fd5bb

This text has a font color of #7fd5bb.

<span style="color:#7fd5bb;">Text here</span>

#7fd5bb background color

This paragraph has a background color of #7fd5bb.

<p style="background-color:#7fd5bb;">Content here</p>

#7fd5bb border color

This element has a border color of #7fd5bb.

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

CSS codes

.text {color:#7fd5bb;}

.background {background-color:#7fd5bb;}

.border {border:1px solid #7fd5bb;}

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

#020504
```
#020504 rgb(2,5,4)
```
#061410
```
#061410 rgb(6,20,16)
```
#0b221b
```
#0b221b rgb(11,34,27)
```
#103127
```
#103127 rgb(16,49,39)
```
#154033
```
#154033 rgb(21,64,51)
```
#1a4f3f
```
#1a4f3f rgb(26,79,63)
```
#1f5e4b
```
#1f5e4b rgb(31,94,75)
```
#246c56
```
#246c56 rgb(36,108,86)
```
#287b62
```
#287b62 rgb(40,123,98)
```
#2d8a6e
```
#2d8a6e rgb(45,138,110)
```
#32997a
```
#32997a rgb(50,153,122)
```
#37a785
```
#37a785 rgb(55,167,133)
```
#3cb691
```
#3cb691 rgb(60,182,145)
```

Shade Color Variation

#44c29c
```
#44c29c rgb(68,194,156)
```
#53c6a3
```
#53c6a3 rgb(83,198,163)
```
#61cbab
```
#61cbab rgb(97,203,171)
```
#70d0b3
```
#70d0b3 rgb(112,208,179)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#8edac3
```
#8edac3 rgb(142,218,195)
```
#9ddfcb
```
#9ddfcb rgb(157,223,203)
```
#abe4d3
```
#abe4d3 rgb(171,228,211)
```
#bae8da
```
#bae8da rgb(186,232,218)
```
#c9ede2
```
#c9ede2 rgb(201,237,226)
```
#d8f2ea
```
#d8f2ea rgb(216,242,234)
```
#e6f7f2
```
#e6f7f2 rgb(230,247,242)
```
#f5fcfa
```
#f5fcfa rgb(245,252,250)
```

Tint Color Variation

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

#a6aeab
```
#a6aeab rgb(166,174,171)
```
#a0b4ae
```
#a0b4ae rgb(160,180,174)
```
#99bbb1
```
#99bbb1 rgb(153,187,177)
```
#93c1b3
```
#93c1b3 rgb(147,193,179)
```
#8cc8b6
```
#8cc8b6 rgb(140,200,182)
```
#86ceb8
```
#86ceb8 rgb(134,206,184)
```
#7fd5bb
```
#7fd5bb rgb(127,213,187)
```
#78dcbe
```
#78dcbe rgb(120,220,190)
```
#72e2c0
```
#72e2c0 rgb(114,226,192)
```
#6be9c3
```
#6be9c3 rgb(107,233,195)
```
#65efc5
```
#65efc5 rgb(101,239,197)
```
#5ef6c8
```
#5ef6c8 rgb(94,246,200)
```
#58fccb
```
#58fccb rgb(88,252,203)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#adbeb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc7b6 Protanopia 1% of men
#dac1c5 Deuteranopia 1% of men
#90d2e1 Tritanopia 0.001% of the population

Trichromacy

#b2ccb8 Protanomaly 1% of men, 0.01% of women
#b9c8c1 Deuteranomaly 6% of men, 0.4% of women
#8ad3d3 Tritanomaly 0.01% of the population

#7fd5bb hex color

#7fd5bb Color Information

#7fd5bb Color Conversion

Color Schemes with #7fd5bb

Alternatives to #7fd5bb

#7fd5bb Preview

Shades and Tints of #7fd5bb

Tones of #7fd5bb

Color Blindness Simulator