#7fb4b9 hex color

In a RGB color space, hex #7fb4b9 is composed of 49.8% red, 70.6% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 2.7% magenta, 0% yellow and 27.5% black. It has a hue angle of 185.2 degrees, a saturation of 29.3% and a lightness of 61.2%. #7fb4b9 color hex could be obtained by blending #feffff with #006973. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 50
- G 71
- B 73
RGB color chart
- C 31
- M 3
- Y 0
- K 27
CMYK color chart

● #7fb4b9 color description : Slightly desaturated cyan.

The hexadecimal color #7fb4b9 has RGB values of R:127, G:180, B:185 and CMYK values of C:0.31, M:0.03, Y:0, K:0.27. Its decimal value is 8369337.

Hex triplet	7fb4b9	`#7fb4b9`
RGB Decimal	127, 180, 185	`rgb(127,180,185)`
RGB Percent	49.8, 70.6, 72.5	`rgb(49.8%,70.6%,72.5%)`
CMYK	31, 3, 0, 27
HSL	185.2°, 29.3, 61.2	`hsl(185.2,29.3%,61.2%)`
HSV (or HSB)	185.2°, 31.4, 72.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.934, -16.068, -8.129
XYZ	33.828, 40.656, 51.961
xyY	0.268, 0.322, 40.656
CIE-LCH	69.934, 18.007, 206.837
CIE-LUV	69.934, -26.004, -9.728
Hunter-Lab	63.762, -16.882, -3.683
Binary	01111111, 10110100, 10111001

#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#b9847f
```
#b9847f rgb(185,132,127)
```

Complementary Color

#7fb9a1
```
#7fb9a1 rgb(127,185,161)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#7f97b9
```
#7f97b9 rgb(127,151,185)
```

Analogous Color

#b9a17f
```
#b9a17f rgb(185,161,127)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#b97f97
```
#b97f97 rgb(185,127,151)
```

Split Complementary Color

#b4b97f
```
#b4b97f rgb(180,185,127)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#b97fb4
```
#b97fb4 rgb(185,127,180)
```

Triadic Color

#7fb984
```
#7fb984 rgb(127,185,132)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#b97fb4
```
#b97fb4 rgb(185,127,180)
```
#b9847f
```
#b9847f rgb(185,132,127)
```

Tetradic Color

#539298
```
#539298 rgb(83,146,152)
```
#5ea1a7
```
#5ea1a7 rgb(94,161,167)
```
#6faab0
```
#6faab0 rgb(111,170,176)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#8fbec2
```
#8fbec2 rgb(143,190,194)
```
#a0c7cb
```
#a0c7cb rgb(160,199,203)
```
#b0d1d4
```
#b0d1d4 rgb(176,209,212)
```

Monochromatic Color

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

#7fb9b0
```
#7fb9b0 rgb(127,185,176)
```
#7fb9b4
```
#7fb9b4 rgb(127,185,180)
```
#7fb9b9
```
#7fb9b9 rgb(127,185,185)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#7fafb9
```
#7fafb9 rgb(127,175,185)
```
#7faab9
```
#7faab9 rgb(127,170,185)
```
#7fa6b9
```
#7fa6b9 rgb(127,166,185)
```

Similar Colors

Text with hexadecimal color #7fb4b9

This text has a font color of #7fb4b9.

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

#7fb4b9 background color

This paragraph has a background color of #7fb4b9.

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

#7fb4b9 border color

This element has a border color of #7fb4b9.

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

CSS codes

.text {color:#7fb4b9;}

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

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

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

#060b0b
```
#060b0b rgb(6,11,11)
```
#0d1718
```
#0d1718 rgb(13,23,24)
```
#142325
```
#142325 rgb(20,35,37)
```
#1b3032
```
#1b3032 rgb(27,48,50)
```
#223c3e
```
#223c3e rgb(34,60,62)
```
#29484b
```
#29484b rgb(41,72,75)
```
#305458
```
#305458 rgb(48,84,88)
```
#376064
```
#376064 rgb(55,96,100)
```
#3e6d71
```
#3e6d71 rgb(62,109,113)
```
#45797e
```
#45797e rgb(69,121,126)
```
#4c858a
```
#4c858a rgb(76,133,138)
```
#539197
```
#539197 rgb(83,145,151)
```
#599da4
```
#599da4 rgb(89,157,164)
```

Shade Color Variation

#66a5ab
```
#66a5ab rgb(102,165,171)
```
#72adb2
```
#72adb2 rgb(114,173,178)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#8cbbc0
```
#8cbbc0 rgb(140,187,192)
```
#98c3c7
```
#98c3c7 rgb(152,195,199)
```
#a5cace
```
#a5cace rgb(165,202,206)
```
#b2d2d5
```
#b2d2d5 rgb(178,210,213)
```
#bed9dc
```
#bed9dc rgb(190,217,220)
```
#cbe1e3
```
#cbe1e3 rgb(203,225,227)
```
#d8e8ea
```
#d8e8ea rgb(216,232,234)
```
#e4eff0
```
#e4eff0 rgb(228,239,240)
```
#f1f7f7
```
#f1f7f7 rgb(241,247,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#96a1a2
```
#96a1a2 rgb(150,161,162)
```
#8ea7aa
```
#8ea7aa rgb(142,167,170)
```
#87aeb1
```
#87aeb1 rgb(135,174,177)
```
#7fb4b9
```
#7fb4b9 rgb(127,180,185)
```
#77bac1
```
#77bac1 rgb(119,186,193)
```
#70c1c8
```
#70c1c8 rgb(112,193,200)
```
#68c7d0
```
#68c7d0 rgb(104,199,208)
```
#61cdd7
```
#61cdd7 rgb(97,205,215)
```
#59d4df
```
#59d4df rgb(89,212,223)
```
#51dae7
```
#51dae7 rgb(81,218,231)
```
#4ae0ee
```
#4ae0ee rgb(74,224,238)
```
#42e6f6
```
#42e6f6 rgb(66,230,246)
```
#3aedfe
```
#3aedfe rgb(58,237,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9da8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaeb7 Protanopia 1% of men
#b6aac1 Deuteranopia 1% of men
#87b6c3 Tritanopia 0.001% of the population

Trichromacy

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

#7fb4b9 hex color

#7fb4b9 Color Information

#7fb4b9 Color Conversion

Color Schemes with #7fb4b9

Alternatives to #7fb4b9

#7fb4b9 Preview

Shades and Tints of #7fb4b9

Tones of #7fb4b9

Color Blindness Simulator