#7fd5bc hex color

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

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

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

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

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

CIE-LAB	79.459, -31.774, 4.213
XYZ	41.621, 55.729, 56.138
xyY	0.271, 0.363, 55.729
CIE-LCH	79.459, 32.052, 172.447
CIE-LUV	79.459, -39.948, 11.55
Hunter-Lab	74.652, -31.121, 7.671
Binary	01111111, 11010101, 10111100

#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#d57f98
```
#d57f98 rgb(213,127,152)
```

Complementary Color

#7fd591
```
#7fd591 rgb(127,213,145)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#7fc3d5
```
#7fc3d5 rgb(127,195,213)
```

Analogous Color

#d5917f
```
#d5917f rgb(213,145,127)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#d57fc3
```
#d57fc3 rgb(213,127,195)
```

Split Complementary Color

#d5bc7f
```
#d5bc7f rgb(213,188,127)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#bc7fd5
```
#bc7fd5 rgb(188,127,213)
```

Triadic Color

#98d57f
```
#98d57f rgb(152,213,127)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#bc7fd5
```
#bc7fd5 rgb(188,127,213)
```
#d57f98
```
#d57f98 rgb(213,127,152)
```

Tetradic Color

#45c29e
```
#45c29e rgb(69,194,158)
```
#59c8a8
```
#59c8a8 rgb(89,200,168)
```
#6ccfb2
```
#6ccfb2 rgb(108,207,178)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#92dbc6
```
#92dbc6 rgb(146,219,198)
```
#a5e2d0
```
#a5e2d0 rgb(165,226,208)
```
#b9e8da
```
#b9e8da rgb(185,232,218)
```

Monochromatic Color

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

#7fd5a7
```
#7fd5a7 rgb(127,213,167)
```
#7fd5ae
```
#7fd5ae rgb(127,213,174)
```
#7fd5b5
```
#7fd5b5 rgb(127,213,181)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#7fd5c3
```
#7fd5c3 rgb(127,213,195)
```
#7fd5ca
```
#7fd5ca rgb(127,213,202)
```
#7fd5d2
```
#7fd5d2 rgb(127,213,210)
```

Similar Colors

Text with hexadecimal color #7fd5bc

This text has a font color of #7fd5bc.

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

#7fd5bc background color

This paragraph has a background color of #7fd5bc.

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

#7fd5bc border color

This element has a border color of #7fd5bc.

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

CSS codes

.text {color:#7fd5bc;}

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

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

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)
```
#0b221c
```
#0b221c rgb(11,34,28)
```
#103128
```
#103128 rgb(16,49,40)
```
#154034
```
#154034 rgb(21,64,52)
```
#1a4f3f
```
#1a4f3f rgb(26,79,63)
```
#1f5e4b
```
#1f5e4b rgb(31,94,75)
```
#246c57
```
#246c57 rgb(36,108,87)
```
#287b63
```
#287b63 rgb(40,123,99)
```
#2d8a6f
```
#2d8a6f rgb(45,138,111)
```
#32997b
```
#32997b rgb(50,153,123)
```
#37a787
```
#37a787 rgb(55,167,135)
```
#3cb693
```
#3cb693 rgb(60,182,147)
```

Shade Color Variation

#44c29d
```
#44c29d rgb(68,194,157)
```
#53c6a5
```
#53c6a5 rgb(83,198,165)
```
#61cbad
```
#61cbad rgb(97,203,173)
```
#70d0b4
```
#70d0b4 rgb(112,208,180)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#8edac4
```
#8edac4 rgb(142,218,196)
```
#9ddfcb
```
#9ddfcb rgb(157,223,203)
```
#abe4d3
```
#abe4d3 rgb(171,228,211)
```
#bae8db
```
#bae8db rgb(186,232,219)
```
#c9ede3
```
#c9ede3 rgb(201,237,227)
```
#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, #a6aeac is the less saturated color, while #58fccc is the most saturated one.

#a6aeac
```
#a6aeac rgb(166,174,172)
```
#a0b4ae
```
#a0b4ae rgb(160,180,174)
```
#99bbb1
```
#99bbb1 rgb(153,187,177)
```
#93c1b4
```
#93c1b4 rgb(147,193,180)
```
#8cc8b7
```
#8cc8b7 rgb(140,200,183)
```
#86ceb9
```
#86ceb9 rgb(134,206,185)
```
#7fd5bc
```
#7fd5bc rgb(127,213,188)
```
#78dcbf
```
#78dcbf rgb(120,220,191)
```
#72e2c1
```
#72e2c1 rgb(114,226,193)
```
#6be9c4
```
#6be9c4 rgb(107,233,196)
```
#65efc7
```
#65efc7 rgb(101,239,199)
```
#5ef6ca
```
#5ef6ca rgb(94,246,202)
```
#58fccc
```
#58fccc rgb(88,252,204)
```

Tone Color Variation

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

#cfc7b7 Protanopia 1% of men
#dac1c6 Deuteranopia 1% of men
#90d2e1 Tritanopia 0.001% of the population

Trichromacy

#b2ccb9 Protanomaly 1% of men, 0.01% of women
#b9c8c2 Deuteranomaly 6% of men, 0.4% of women
#89d3d3 Tritanomaly 0.01% of the population

#7fd5bc hex color

#7fd5bc Color Information

#7fd5bc Color Conversion

Color Schemes with #7fd5bc

Alternatives to #7fd5bc

#7fd5bc Preview

Shades and Tints of #7fd5bc

Tones of #7fd5bc

Color Blindness Simulator