#7fb4b5 hex color

In a RGB color space, hex #7fb4b5 is composed of 49.8% red, 70.6% green and 71% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0.6% magenta, 0% yellow and 29% black. It has a hue angle of 181.1 degrees, a saturation of 26.7% and a lightness of 60.4%. #7fb4b5 color hex could be obtained by blending #feffff with #00696b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 50
- G 71
- B 71
RGB color chart
- C 30
- M 1
- Y 0
- K 29
CMYK color chart

● #7fb4b5 color description : Slightly desaturated cyan.

The hexadecimal color #7fb4b5 has RGB values of R:127, G:180, B:181 and CMYK values of C:0.3, M:0.01, Y:0, K:0.29. Its decimal value is 8369333.

Hex triplet	7fb4b5	`#7fb4b5`
RGB Decimal	127, 180, 181	`rgb(127,180,181)`
RGB Percent	49.8, 70.6, 71	`rgb(49.8%,70.6%,71%)`
CMYK	30, 1, 0, 29
HSL	181.1°, 26.7, 60.4	`hsl(181.1,26.7%,60.4%)`
HSV (or HSB)	181.1°, 29.8, 71
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.817, -17.021, -6.102
XYZ	33.412, 40.489, 49.768
xyY	0.27, 0.327, 40.489
CIE-LCH	69.817, 18.082, 199.722
CIE-LUV	69.817, -26.028, -6.443
Hunter-Lab	63.631, -17.626, -1.831
Binary	01111111, 10110100, 10110101

#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#b5807f
```
#b5807f rgb(181,128,127)
```

Complementary Color

#7fb59b
```
#7fb59b rgb(127,181,155)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#7f99b5
```
#7f99b5 rgb(127,153,181)
```

Analogous Color

#b59b7f
```
#b59b7f rgb(181,155,127)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#b57f99
```
#b57f99 rgb(181,127,153)
```

Split Complementary Color

#b4b57f
```
#b4b57f rgb(180,181,127)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#b57fb4
```
#b57fb4 rgb(181,127,180)
```

Triadic Color

#7fb580
```
#7fb580 rgb(127,181,128)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#b57fb4
```
#b57fb4 rgb(181,127,180)
```
#b5807f
```
#b5807f rgb(181,128,127)
```

Tetradic Color

#559293
```
#559293 rgb(85,146,147)
```
#5fa1a2
```
#5fa1a2 rgb(95,161,162)
```
#6fabac
```
#6fabac rgb(111,171,172)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#8fbdbe
```
#8fbdbe rgb(143,189,190)
```
#9fc7c8
```
#9fc7c8 rgb(159,199,200)
```
#afd0d1
```
#afd0d1 rgb(175,208,209)
```

Monochromatic Color

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

#7fb5a9
```
#7fb5a9 rgb(127,181,169)
```
#7fb5ad
```
#7fb5ad rgb(127,181,173)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#7fb0b5
```
#7fb0b5 rgb(127,176,181)
```
#7fabb5
```
#7fabb5 rgb(127,171,181)
```
#7fa7b5
```
#7fa7b5 rgb(127,167,181)
```

Similar Colors

Text with hexadecimal color #7fb4b5

This text has a font color of #7fb4b5.

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

#7fb4b5 background color

This paragraph has a background color of #7fb4b5.

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

#7fb4b5 border color

This element has a border color of #7fb4b5.

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

CSS codes

.text {color:#7fb4b5;}

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

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

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

#050909
```
#050909 rgb(5,9,9)
```
#0c1515
```
#0c1515 rgb(12,21,21)
```
#132122
```
#132122 rgb(19,33,34)
```
#1b2e2e
```
#1b2e2e rgb(27,46,46)
```
#223a3a
```
#223a3a rgb(34,58,58)
```
#294647
```
#294647 rgb(41,70,71)
```
#305353
```
#305353 rgb(48,83,83)
```
#375f60
```
#375f60 rgb(55,95,96)
```
#3f6b6c
```
#3f6b6c rgb(63,107,108)
```
#467879
```
#467879 rgb(70,120,121)
```
#4d8485
```
#4d8485 rgb(77,132,133)
```
#549091
```
#549091 rgb(84,144,145)
```
#5b9d9e
```
#5b9d9e rgb(91,157,158)
```

Shade Color Variation

#66a5a7
```
#66a5a7 rgb(102,165,167)
```
#73adae
```
#73adae rgb(115,173,174)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#8bbbbc
```
#8bbbbc rgb(139,187,188)
```
#98c3c3
```
#98c3c3 rgb(152,195,195)
```
#a4cacb
```
#a4cacb rgb(164,202,203)
```
#b1d1d2
```
#b1d1d2 rgb(177,209,210)
```
#bdd8d9
```
#bdd8d9 rgb(189,216,217)
```
#cae0e0
```
#cae0e0 rgb(202,224,224)
```
#d6e7e7
```
#d6e7e7 rgb(214,231,231)
```
#e2eeee
```
#e2eeee rgb(226,238,238)
```
#eff6f6
```
#eff6f6 rgb(239,246,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#969e9e
```
#969e9e rgb(150,158,158)
```
#8fa5a5
```
#8fa5a5 rgb(143,165,165)
```
#87adad
```
#87adad rgb(135,173,173)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#77bbbd
```
#77bbbd rgb(119,187,189)
```
#6fc3c5
```
#6fc3c5 rgb(111,195,197)
```
#68cacc
```
#68cacc rgb(104,202,204)
```
#60d2d4
```
#60d2d4 rgb(96,210,212)
```
#58d9dc
```
#58d9dc rgb(88,217,220)
```
#50e1e4
```
#50e1e4 rgb(80,225,228)
```
#49e8eb
```
#49e8eb rgb(73,232,235)
```
#41f0f3
```
#41f0f3 rgb(65,240,243)
```
#39f7fb
```
#39f7fb rgb(57,247,251)
```

Tone Color Variation

Below, you can see how #7fb4b5 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
#9da7a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aeb3 Protanopia 1% of men
#b8aabd Deuteranopia 1% of men
#88b6c3 Tritanopia 0.001% of the population

Trichromacy

#9eb0b4 Protanomaly 1% of men, 0.01% of women
#a3adba Deuteranomaly 6% of men, 0.4% of women
#85b5be Tritanomaly 0.01% of the population

#7fb4b5 hex color

#7fb4b5 Color Information

#7fb4b5 Color Conversion

Color Schemes with #7fb4b5

Alternatives to #7fb4b5

#7fb4b5 Preview

Shades and Tints of #7fb4b5

Tones of #7fb4b5

Color Blindness Simulator