#7fb8b4 hex color

In a RGB color space, hex #7fb8b4 is composed of 49.8% red, 72.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 2.2% yellow and 27.8% black. It has a hue angle of 175.8 degrees, a saturation of 28.6% and a lightness of 61%. #7fb8b4 color hex could be obtained by blending #feffff with #007169. Closest websafe color is: #66cccc.

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

● #7fb8b4 color description : Slightly desaturated cyan.

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

Hex triplet	7fb8b4	`#7fb8b4`
RGB Decimal	127, 184, 180	`rgb(127,184,180)`
RGB Percent	49.8, 72.2, 70.6	`rgb(49.8%,72.2%,70.6%)`
CMYK	31, 0, 2, 28
HSL	175.8°, 28.6, 61	`hsl(175.8,28.6%,61%)`
HSV (or HSB)	175.8°, 31, 72.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.931, -19.317, -3.906
XYZ	34.129, 42.087, 49.503
xyY	0.271, 0.335, 42.087
CIE-LCH	70.931, 19.708, 191.433
CIE-LUV	70.931, -27.771, -2.737
Hunter-Lab	64.874, -19.625, 0.17
Binary	01111111, 10111000, 10110100

#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#b87f83
```
#b87f83 rgb(184,127,131)
```

Complementary Color

#7fb898
```
#7fb898 rgb(127,184,152)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#7fa0b8
```
#7fa0b8 rgb(127,160,184)
```

Analogous Color

#b8987f
```
#b8987f rgb(184,152,127)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#b87fa0
```
#b87fa0 rgb(184,127,160)
```

Split Complementary Color

#b8b47f
```
#b8b47f rgb(184,180,127)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#b47fb8
```
#b47fb8 rgb(180,127,184)
```

Triadic Color

#83b87f
```
#83b87f rgb(131,184,127)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#b47fb8
```
#b47fb8 rgb(180,127,184)
```
#b87f83
```
#b87f83 rgb(184,127,131)
```

Tetradic Color

#549792
```
#549792 rgb(84,151,146)
```
#5ea6a1
```
#5ea6a1 rgb(94,166,161)
```
#6fafaa
```
#6fafaa rgb(111,175,170)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#8fc1be
```
#8fc1be rgb(143,193,190)
```
#a0cac7
```
#a0cac7 rgb(160,202,199)
```
#b0d3d1
```
#b0d3d1 rgb(176,211,209)
```

Monochromatic Color

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

#7fb8a6
```
#7fb8a6 rgb(127,184,166)
```
#7fb8ab
```
#7fb8ab rgb(127,184,171)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#7fb7b8
```
#7fb7b8 rgb(127,183,184)
```
#7fb3b8
```
#7fb3b8 rgb(127,179,184)
```
#7faeb8
```
#7faeb8 rgb(127,174,184)
```

Similar Colors

Text with hexadecimal color #7fb8b4

This text has a font color of #7fb8b4.

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

#7fb8b4 background color

This paragraph has a background color of #7fb8b4.

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

#7fb8b4 border color

This element has a border color of #7fb8b4.

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

CSS codes

.text {color:#7fb8b4;}

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

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

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

#060b0a
```
#060b0a rgb(6,11,10)
```
#0d1717
```
#0d1717 rgb(13,23,23)
```
#142423
```
#142423 rgb(20,36,35)
```
#1b312f
```
#1b312f rgb(27,49,47)
```
#223d3b
```
#223d3b rgb(34,61,59)
```
#294a48
```
#294a48 rgb(41,74,72)
```
#305654
```
#305654 rgb(48,86,84)
```
#376360
```
#376360 rgb(55,99,96)
```
#3e706c
```
#3e706c rgb(62,112,108)
```
#457c78
```
#457c78 rgb(69,124,120)
```
#4c8985
```
#4c8985 rgb(76,137,133)
```
#539691
```
#539691 rgb(83,150,145)
```
#5aa29d
```
#5aa29d rgb(90,162,157)
```

Shade Color Variation

#66aaa5
```
#66aaa5 rgb(102,170,165)
```
#72b1ad
```
#72b1ad rgb(114,177,173)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#8cbfbb
```
#8cbfbb rgb(140,191,187)
```
#98c6c3
```
#98c6c3 rgb(152,198,195)
```
#a5cdca
```
#a5cdca rgb(165,205,202)
```
#b1d4d2
```
#b1d4d2 rgb(177,212,210)
```
#bedbd9
```
#bedbd9 rgb(190,219,217)
```
#cbe2e0
```
#cbe2e0 rgb(203,226,224)
```
#d7e9e8
```
#d7e9e8 rgb(215,233,232)
```
#e4f0ef
```
#e4f0ef rgb(228,240,239)
```
#f1f7f7
```
#f1f7f7 rgb(241,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#96a1a0
```
#96a1a0 rgb(150,161,160)
```
#8ea9a7
```
#8ea9a7 rgb(142,169,167)
```
#87b0ad
```
#87b0ad rgb(135,176,173)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#77c0bb
```
#77c0bb rgb(119,192,187)
```
#70c7c1
```
#70c7c1 rgb(112,199,193)
```
#68cfc8
```
#68cfc8 rgb(104,207,200)
```
#60d7ce
```
#60d7ce rgb(96,215,206)
```
#59ded5
```
#59ded5 rgb(89,222,213)
```
#51e6db
```
#51e6db rgb(81,230,219)
```
#49eee2
```
#49eee2 rgb(73,238,226)
```
#42f5e9
```
#42f5e9 rgb(66,245,233)
```
#3afdef
```
#3afdef rgb(58,253,239)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9faaaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b0b2 Protanopia 1% of men
#bcadbc Deuteranopia 1% of men
#89b9c6 Tritanopia 0.001% of the population

Trichromacy

#a1b3b2 Protanomaly 1% of men, 0.01% of women
#a6b1b9 Deuteranomaly 6% of men, 0.4% of women
#85b8bf Tritanomaly 0.01% of the population

#7fb8b4 hex color

#7fb8b4 Color Information

#7fb8b4 Color Conversion

Color Schemes with #7fb8b4

Alternatives to #7fb8b4

#7fb8b4 Preview

Shades and Tints of #7fb8b4

Tones of #7fb8b4

Color Blindness Simulator