#7fb4b7 hex color

In a RGB color space, hex #7fb4b7 is composed of 49.8% red, 70.6% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 1.6% magenta, 0% yellow and 28.2% black. It has a hue angle of 183.2 degrees, a saturation of 28% and a lightness of 60.8%. #7fb4b7 color hex could be obtained by blending #feffff with #00696f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 50
- G 71
- B 72
RGB color chart
- C 31
- M 2
- Y 0
- K 28
CMYK color chart

● #7fb4b7 color description : Slightly desaturated cyan.

The hexadecimal color #7fb4b7 has RGB values of R:127, G:180, B:183 and CMYK values of C:0.31, M:0.02, Y:0, K:0.28. Its decimal value is 8369335.

Hex triplet	7fb4b7	`#7fb4b7`
RGB Decimal	127, 180, 183	`rgb(127,180,183)`
RGB Percent	49.8, 70.6, 71.8	`rgb(49.8%,70.6%,71.8%)`
CMYK	31, 2, 0, 28
HSL	183.2°, 28, 60.8	`hsl(183.2,28%,60.8%)`
HSV (or HSB)	183.2°, 30.6, 71.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.875, -16.547, -7.116
XYZ	33.619, 40.572, 50.857
xyY	0.269, 0.324, 40.572
CIE-LCH	69.875, 18.012, 203.272
CIE-LUV	69.875, -26.016, -8.082
Hunter-Lab	63.696, -17.256, -2.752
Binary	01111111, 10110100, 10110111

#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#b7827f
```
#b7827f rgb(183,130,127)
```

Complementary Color

#7fb79e
```
#7fb79e rgb(127,183,158)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#7f98b7
```
#7f98b7 rgb(127,152,183)
```

Analogous Color

#b79e7f
```
#b79e7f rgb(183,158,127)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#b77f98
```
#b77f98 rgb(183,127,152)
```

Split Complementary Color

#b4b77f
```
#b4b77f rgb(180,183,127)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#b77fb4
```
#b77fb4 rgb(183,127,180)
```

Triadic Color

#7fb782
```
#7fb782 rgb(127,183,130)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#b77fb4
```
#b77fb4 rgb(183,127,180)
```
#b7827f
```
#b7827f rgb(183,130,127)
```

Tetradic Color

#549295
```
#549295 rgb(84,146,149)
```
#5ea1a5
```
#5ea1a5 rgb(94,161,165)
```
#6faaae
```
#6faaae rgb(111,170,174)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#8fbec0
```
#8fbec0 rgb(143,190,192)
```
#a0c7c9
```
#a0c7c9 rgb(160,199,201)
```
#b0d1d3
```
#b0d1d3 rgb(176,209,211)
```

Monochromatic Color

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

#7fb7ac
```
#7fb7ac rgb(127,183,172)
```
#7fb7b1
```
#7fb7b1 rgb(127,183,177)
```
#7fb7b5
```
#7fb7b5 rgb(127,183,181)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#7fafb7
```
#7fafb7 rgb(127,175,183)
```
#7fabb7
```
#7fabb7 rgb(127,171,183)
```
#7fa6b7
```
#7fa6b7 rgb(127,166,183)
```

Similar Colors

Text with hexadecimal color #7fb4b7

This text has a font color of #7fb4b7.

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

#7fb4b7 background color

This paragraph has a background color of #7fb4b7.

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

#7fb4b7 border color

This element has a border color of #7fb4b7.

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

CSS codes

.text {color:#7fb4b7;}

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

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

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, #060a0a is the darkest color, while #fdfefe is the lightest one.

#060a0a
```
#060a0a rgb(6,10,10)
```
#0d1617
```
#0d1617 rgb(13,22,23)
```
#142223
```
#142223 rgb(20,34,35)
```
#1b2f30
```
#1b2f30 rgb(27,47,48)
```
#223b3c
```
#223b3c rgb(34,59,60)
```
#294749
```
#294749 rgb(41,71,73)
```
#305355
```
#305355 rgb(48,83,85)
```
#376062
```
#376062 rgb(55,96,98)
```
#3e6c6f
```
#3e6c6f rgb(62,108,111)
```
#45787b
```
#45787b rgb(69,120,123)
```
#4c8488
```
#4c8488 rgb(76,132,136)
```
#539194
```
#539194 rgb(83,145,148)
```
#5a9da1
```
#5a9da1 rgb(90,157,161)
```

Shade Color Variation

#66a5a9
```
#66a5a9 rgb(102,165,169)
```
#72adb0
```
#72adb0 rgb(114,173,176)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#8cbbbe
```
#8cbbbe rgb(140,187,190)
```
#98c3c5
```
#98c3c5 rgb(152,195,197)
```
#a5cacc
```
#a5cacc rgb(165,202,204)
```
#b1d1d3
```
#b1d1d3 rgb(177,209,211)
```
#bed9da
```
#bed9da rgb(190,217,218)
```
#cae0e1
```
#cae0e1 rgb(202,224,225)
```
#d7e7e8
```
#d7e7e8 rgb(215,231,232)
```
#e3efef
```
#e3efef rgb(227,239,239)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969fa0 is the less saturated color, while #3af2fc is the most saturated one.

#969fa0
```
#969fa0 rgb(150,159,160)
```
#8ea6a8
```
#8ea6a8 rgb(142,166,168)
```
#87adaf
```
#87adaf rgb(135,173,175)
```
#7fb4b7
```
#7fb4b7 rgb(127,180,183)
```
#77bbbf
```
#77bbbf rgb(119,187,191)
```
#70c2c6
```
#70c2c6 rgb(112,194,198)
```
#68c9ce
```
#68c9ce rgb(104,201,206)
```
#60cfd6
```
#60cfd6 rgb(96,207,214)
```
#59d6dd
```
#59d6dd rgb(89,214,221)
```
#51dde5
```
#51dde5 rgb(81,221,229)
```
#49e4ed
```
#49e4ed rgb(73,228,237)
```
#41ebf5
```
#41ebf5 rgb(65,235,245)
```
#3af2fc
```
#3af2fc rgb(58,242,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9da7a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aeb5 Protanopia 1% of men
#b7aabf Deuteranopia 1% of men
#88b6c3 Tritanopia 0.001% of the population

Trichromacy

#9eb0b5 Protanomaly 1% of men, 0.01% of women
#a2aebc Deuteranomaly 6% of men, 0.4% of women
#84b5bf Tritanomaly 0.01% of the population

#7fb4b7 hex color

#7fb4b7 Color Information

#7fb4b7 Color Conversion

Color Schemes with #7fb4b7

Alternatives to #7fb4b7

#7fb4b7 Preview

Shades and Tints of #7fb4b7

Tones of #7fb4b7

Color Blindness Simulator