#7fbbbb hex color

In a RGB color space, hex #7fbbbb is composed of 49.8% red, 73.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 0% magenta, 0% yellow and 26.7% black. It has a hue angle of 180 degrees, a saturation of 30.6% and a lightness of 61.6%. #7fbbbb color hex could be obtained by blending #feffff with #007777. Closest websafe color is: #66cccc.

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

● #7fbbbb color description : Slightly desaturated cyan.

The hexadecimal color #7fbbbb has RGB values of R:127, G:187, B:187 and CMYK values of C:0.32, M:0, Y:0, K:0.27. Its decimal value is 8371131.

Hex triplet	7fbbbb	`#7fbbbb`
RGB Decimal	127, 187, 187	`rgb(127,187,187)`
RGB Percent	49.8, 73.3, 73.3	`rgb(49.8%,73.3%,73.3%)`
CMYK	32, 0, 0, 27
HSL	180°, 30.6, 61.6	`hsl(180,30.6%,61.6%)`
HSV (or HSB)	180°, 32.1, 73.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.986, -19.205, -6.182
XYZ	35.49, 43.639, 53.564
xyY	0.267, 0.329, 43.639
CIE-LCH	71.986, 20.175, 197.843
CIE-LUV	71.986, -28.99, -6.264
Hunter-Lab	66.06, -19.707, -1.833
Binary	01111111, 10111011, 10111011

#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#bb7f7f
```
#bb7f7f rgb(187,127,127)
```

Complementary Color

#7fbb9d
```
#7fbb9d rgb(127,187,157)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#7f9dbb
```
#7f9dbb rgb(127,157,187)
```

Analogous Color

#bb9d7f
```
#bb9d7f rgb(187,157,127)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#bb7f9d
```
#bb7f9d rgb(187,127,157)
```

Split Complementary Color

#bbbb7f
```
#bbbb7f rgb(187,187,127)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#bb7fbb
```
#bb7fbb rgb(187,127,187)
```

Triadic Color

#7fbb7f
```
#7fbb7f rgb(127,187,127)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#bb7fbb
```
#bb7fbb rgb(187,127,187)
```
#bb7f7f
```
#bb7f7f rgb(187,127,127)
```

Tetradic Color

#529b9b
```
#529b9b rgb(82,155,155)
```
#5ea9a9
```
#5ea9a9 rgb(94,169,169)
```
#6eb2b2
```
#6eb2b2 rgb(110,178,178)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#90c4c4
```
#90c4c4 rgb(144,196,196)
```
#a0cdcd
```
#a0cdcd rgb(160,205,205)
```
#b1d6d6
```
#b1d6d6 rgb(177,214,214)
```

Monochromatic Color

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

#7fbbac
```
#7fbbac rgb(127,187,172)
```
#7fbbb1
```
#7fbbb1 rgb(127,187,177)
```
#7fbbb6
```
#7fbbb6 rgb(127,187,182)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#7fb6bb
```
#7fb6bb rgb(127,182,187)
```
#7fb1bb
```
#7fb1bb rgb(127,177,187)
```
#7facbb
```
#7facbb rgb(127,172,187)
```

Similar Colors

Text with hexadecimal color #7fbbbb

This text has a font color of #7fbbbb.

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

#7fbbbb background color

This paragraph has a background color of #7fbbbb.

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

#7fbbbb border color

This element has a border color of #7fbbbb.

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

CSS codes

.text {color:#7fbbbb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070d0d
```
#070d0d rgb(7,13,13)
```
#0e1a1a
```
#0e1a1a rgb(14,26,26)
```
#142727
```
#142727 rgb(20,39,39)
```
#1b3333
```
#1b3333 rgb(27,51,51)
```
#224040
```
#224040 rgb(34,64,64)
```
#294d4d
```
#294d4d rgb(41,77,77)
```
#305a5a
```
#305a5a rgb(48,90,90)
```
#366767
```
#366767 rgb(54,103,103)
```
#3d7373
```
#3d7373 rgb(61,115,115)
```
#448080
```
#448080 rgb(68,128,128)
```
#4b8d8d
```
#4b8d8d rgb(75,141,141)
```
#529a9a
```
#529a9a rgb(82,154,154)
```

Shade Color Variation

#59a7a7
```
#59a7a7 rgb(89,167,167)
```
#65adad
```
#65adad rgb(101,173,173)
```
#72b4b4
```
#72b4b4 rgb(114,180,180)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#8cc2c2
```
#8cc2c2 rgb(140,194,194)
```
#99c9c9
```
#99c9c9 rgb(153,201,201)
```
#a5cfcf
```
#a5cfcf rgb(165,207,207)
```
#b2d6d6
```
#b2d6d6 rgb(178,214,214)
```
#bfdddd
```
#bfdddd rgb(191,221,221)
```
#cce4e4
```
#cce4e4 rgb(204,228,228)
```
#d9ebeb
```
#d9ebeb rgb(217,235,235)
```
#e5f1f1
```
#e5f1f1 rgb(229,241,241)
```
#f2f8f8
```
#f2f8f8 rgb(242,248,248)
```

Tint Color Variation

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

#96a4a4
```
#96a4a4 rgb(150,164,164)
```
#8eacac
```
#8eacac rgb(142,172,172)
```
#87b3b3
```
#87b3b3 rgb(135,179,179)
```
#7fbbbb
```
#7fbbbb rgb(127,187,187)
```
#77c3c3
```
#77c3c3 rgb(119,195,195)
```
#70caca
```
#70caca rgb(112,202,202)
```
#68d2d2
```
#68d2d2 rgb(104,210,210)
```
#61d9d9
```
#61d9d9 rgb(97,217,217)
```
#59e1e1
```
#59e1e1 rgb(89,225,225)
```
#52e8e8
```
#52e8e8 rgb(82,232,232)
```
#4af0f0
```
#4af0f0 rgb(74,240,240)
```
#43f7f7
```
#43f7f7 rgb(67,247,247)
```
#3bffff
```
#3bffff rgb(59,255,255)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a1adad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b3b8 Protanopia 1% of men
#bdafc3 Deuteranopia 1% of men
#89bcca Tritanopia 0.001% of the population

Trichromacy

#a2b6b9 Protanomaly 1% of men, 0.01% of women
#a7b3c0 Deuteranomaly 6% of men, 0.4% of women
#85bcc4 Tritanomaly 0.01% of the population

#7fbbbb hex color

#7fbbbb Color Information

#7fbbbb Color Conversion

Color Schemes with #7fbbbb

Alternatives to #7fbbbb

#7fbbbb Preview

Shades and Tints of #7fbbbb

Tones of #7fbbbb

Color Blindness Simulator