#7fb5b2 hex color

In a RGB color space, hex #7fb5b2 is composed of 49.8% red, 71% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 1.7% yellow and 29% black. It has a hue angle of 176.7 degrees, a saturation of 26.7% and a lightness of 60.4%. #7fb5b2 color hex could be obtained by blending #feffff with #006b65. Closest websafe color is: #66cc99.

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

● #7fb5b2 color description : Slightly desaturated cyan.

The hexadecimal color #7fb5b2 has RGB values of R:127, G:181, B:178 and CMYK values of C:0.3, M:0, Y:0.02, K:0.29. Its decimal value is 8369586.

Hex triplet	7fb5b2	`#7fb5b2`
RGB Decimal	127, 181, 178	`rgb(127,181,178)`
RGB Percent	49.8, 71, 69.8	`rgb(49.8%,71%,69.8%)`
CMYK	30, 0, 2, 29
HSL	176.7°, 26.7, 60.4	`hsl(176.7,26.7%,60.4%)`
HSV (or HSB)	176.7°, 29.8, 71
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.016, -18.241, -4.155
XYZ	33.31, 40.773, 48.232
xyY	0.272, 0.333, 40.773
CIE-LCH	70.016, 18.709, 192.833
CIE-LUV	70.016, -26.483, -3.276
Hunter-Lab	63.854, -18.627, -0.087
Binary	01111111, 10110101, 10110010

#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#b57f82
```
#b57f82 rgb(181,127,130)
```

Complementary Color

#7fb597
```
#7fb597 rgb(127,181,151)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#7f9db5
```
#7f9db5 rgb(127,157,181)
```

Analogous Color

#b5977f
```
#b5977f rgb(181,151,127)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#b57f9d
```
#b57f9d rgb(181,127,157)
```

Split Complementary Color

#b5b27f
```
#b5b27f rgb(181,178,127)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#b27fb5
```
#b27fb5 rgb(178,127,181)
```

Triadic Color

#82b57f
```
#82b57f rgb(130,181,127)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#b27fb5
```
#b27fb5 rgb(178,127,181)
```
#b57f82
```
#b57f82 rgb(181,127,130)
```

Tetradic Color

#55938f
```
#55938f rgb(85,147,143)
```
#5fa29f
```
#5fa29f rgb(95,162,159)
```
#6faca8
```
#6faca8 rgb(111,172,168)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#8fbebc
```
#8fbebc rgb(143,190,188)
```
#9fc8c5
```
#9fc8c5 rgb(159,200,197)
```
#afd1cf
```
#afd1cf rgb(175,209,207)
```

Monochromatic Color

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

#7fb5a5
```
#7fb5a5 rgb(127,181,165)
```
#7fb5a9
```
#7fb5a9 rgb(127,181,169)
```
#7fb5ae
```
#7fb5ae rgb(127,181,174)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#7fb4b5
```
#7fb4b5 rgb(127,180,181)
```
#7fafb5
```
#7fafb5 rgb(127,175,181)
```
#7fabb5
```
#7fabb5 rgb(127,171,181)
```

Similar Colors

Text with hexadecimal color #7fb5b2

This text has a font color of #7fb5b2.

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

#7fb5b2 background color

This paragraph has a background color of #7fb5b2.

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

#7fb5b2 border color

This element has a border color of #7fb5b2.

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

CSS codes

.text {color:#7fb5b2;}

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

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

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)
```
#132221
```
#132221 rgb(19,34,33)
```
#1b2e2d
```
#1b2e2d rgb(27,46,45)
```
#223a39
```
#223a39 rgb(34,58,57)
```
#294745
```
#294745 rgb(41,71,69)
```
#305351
```
#305351 rgb(48,83,81)
```
#37605d
```
#37605d rgb(55,96,93)
```
#3f6c6a
```
#3f6c6a rgb(63,108,106)
```
#467976
```
#467976 rgb(70,121,118)
```
#4d8582
```
#4d8582 rgb(77,133,130)
```
#54918e
```
#54918e rgb(84,145,142)
```
#5b9e9a
```
#5b9e9a rgb(91,158,154)
```

Shade Color Variation

#66a7a3
```
#66a7a3 rgb(102,167,163)
```
#73aeab
```
#73aeab rgb(115,174,171)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#8bbcb9
```
#8bbcb9 rgb(139,188,185)
```
#98c3c1
```
#98c3c1 rgb(152,195,193)
```
#a4cbc8
```
#a4cbc8 rgb(164,203,200)
```
#b1d2d0
```
#b1d2d0 rgb(177,210,208)
```
#bdd9d7
```
#bdd9d7 rgb(189,217,215)
```
#cae0df
```
#cae0df rgb(202,224,223)
```
#d6e7e6
```
#d6e7e6 rgb(214,231,230)
```
#e2eeee
```
#e2eeee rgb(226,238,238)
```
#eff6f5
```
#eff6f5 rgb(239,246,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#969e9d
```
#969e9d rgb(150,158,157)
```
#8fa5a4
```
#8fa5a4 rgb(143,165,164)
```
#87adab
```
#87adab rgb(135,173,171)
```
#7fb5b2
```
#7fb5b2 rgb(127,181,178)
```
#77bdb9
```
#77bdb9 rgb(119,189,185)
```
#6fc5c0
```
#6fc5c0 rgb(111,197,192)
```
#68ccc7
```
#68ccc7 rgb(104,204,199)
```
#60d4ce
```
#60d4ce rgb(96,212,206)
```
#58dcd5
```
#58dcd5 rgb(88,220,213)
```
#50e4db
```
#50e4db rgb(80,228,219)
```
#49ebe2
```
#49ebe2 rgb(73,235,226)
```
#41f3e9
```
#41f3e9 rgb(65,243,233)
```
#39fbf0
```
#39fbf0 rgb(57,251,240)
```

Tone Color Variation

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

Dichromacy

#b1aeb0 Protanopia 1% of men
#baaaba Deuteranopia 1% of men
#89b6c3 Tritanopia 0.001% of the population

Trichromacy

#9fb0b1 Protanomaly 1% of men, 0.01% of women
#a4aeb7 Deuteranomaly 6% of men, 0.4% of women
#85b6bd Tritanomaly 0.01% of the population

#7fb5b2 hex color

#7fb5b2 Color Information

#7fb5b2 Color Conversion

Color Schemes with #7fb5b2

Alternatives to #7fb5b2

#7fb5b2 Preview

Shades and Tints of #7fb5b2

Tones of #7fb5b2

Color Blindness Simulator