#7fc2cc hex color

In a RGB color space, hex #7fc2cc is composed of 49.8% red, 76.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 4.9% magenta, 0% yellow and 20% black. It has a hue angle of 187.8 degrees, a saturation of 43% and a lightness of 64.9%. #7fc2cc color hex could be obtained by blending #feffff with #008599. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 50
- G 76
- B 80
RGB color chart
- C 38
- M 5
- Y 0
- K 20
CMYK color chart

● #7fc2cc color description : Slightly desaturated cyan.

The hexadecimal color #7fc2cc has RGB values of R:127, G:194, B:204 and CMYK values of C:0.38, M:0.05, Y:0, K:0.2. Its decimal value is 8372940.

Hex triplet	7fc2cc	`#7fc2cc`
RGB Decimal	127, 194, 204	`rgb(127,194,204)`
RGB Percent	49.8, 76.1, 80	`rgb(49.8%,76.1%,80%)`
CMYK	38, 5, 0, 20
HSL	187.8°, 43, 64.9	`hsl(187.8,43%,64.9%)`
HSV (or HSB)	187.8°, 37.7, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.479, -18.638, -11.737
XYZ	38.94, 47.453, 64.231
xyY	0.259, 0.315, 47.453
CIE-LCH	74.479, 22.026, 212.201
CIE-LUV	74.479, -31.698, -15.152
Hunter-Lab	68.886, -19.648, -7.063
Binary	01111111, 11000010, 11001100

#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#cc897f
```
#cc897f rgb(204,137,127)
```

Complementary Color

#7fccb0
```
#7fccb0 rgb(127,204,176)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#7f9ccc
```
#7f9ccc rgb(127,156,204)
```

Analogous Color

#ccb07f
```
#ccb07f rgb(204,176,127)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#cc7f9c
```
#cc7f9c rgb(204,127,156)
```

Split Complementary Color

#c2cc7f
```
#c2cc7f rgb(194,204,127)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#cc7fc2
```
#cc7fc2 rgb(204,127,194)
```

Triadic Color

#7fcc89
```
#7fcc89 rgb(127,204,137)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#cc7fc2
```
#cc7fc2 rgb(204,127,194)
```
#cc897f
```
#cc897f rgb(204,137,127)
```

Tetradic Color

#49a8b6
```
#49a8b6 rgb(73,168,182)
```
#5bb1bd
```
#5bb1bd rgb(91,177,189)
```
#6db9c5
```
#6db9c5 rgb(109,185,197)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#91cbd3
```
#91cbd3 rgb(145,203,211)
```
#a3d3db
```
#a3d3db rgb(163,211,219)
```
#b6dce2
```
#b6dce2 rgb(182,220,226)
```

Monochromatic Color

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

#7fccc3
```
#7fccc3 rgb(127,204,195)
```
#7fccc9
```
#7fccc9 rgb(127,204,201)
```
#7fc8cc
```
#7fc8cc rgb(127,200,204)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#7fbccc
```
#7fbccc rgb(127,188,204)
```
#7fb5cc
```
#7fb5cc rgb(127,181,204)
```
#7fafcc
```
#7fafcc rgb(127,175,204)
```

Similar Colors

Text with hexadecimal color #7fc2cc

This text has a font color of #7fc2cc.

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

#7fc2cc background color

This paragraph has a background color of #7fc2cc.

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

#7fc2cc border color

This element has a border color of #7fc2cc.

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

CSS codes

.text {color:#7fc2cc;}

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

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

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

#050b0c
```
#050b0c rgb(5,11,12)
```
#0a181a
```
#0a181a rgb(10,24,26)
```
#102528
```
#102528 rgb(16,37,40)
```
#163236
```
#163236 rgb(22,50,54)
```
#1b3f44
```
#1b3f44 rgb(27,63,68)
```
#214c52
```
#214c52 rgb(33,76,82)
```
#265960
```
#265960 rgb(38,89,96)
```
#2c666e
```
#2c666e rgb(44,102,110)
```
#32737c
```
#32737c rgb(50,115,124)
```
#37808b
```
#37808b rgb(55,128,139)
```
#3d8d99
```
#3d8d99 rgb(61,141,153)
```
#429aa7
```
#429aa7 rgb(66,154,167)
```
#48a6b5
```
#48a6b5 rgb(72,166,181)
```

Shade Color Variation

#55aebb
```
#55aebb rgb(85,174,187)
```
#63b5c1
```
#63b5c1 rgb(99,181,193)
```
#71bbc6
```
#71bbc6 rgb(113,187,198)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#8dc9d2
```
#8dc9d2 rgb(141,201,210)
```
#9bcfd7
```
#9bcfd7 rgb(155,207,215)
```
#a9d6dd
```
#a9d6dd rgb(169,214,221)
```
#b7dde2
```
#b7dde2 rgb(183,221,226)
```
#c5e3e8
```
#c5e3e8 rgb(197,227,232)
```
#d3eaee
```
#d3eaee rgb(211,234,238)
```
#e1f1f3
```
#e1f1f3 rgb(225,241,243)
```
#eff7f9
```
#eff7f9 rgb(239,247,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a9aa is the less saturated color, while #4fe6fc is the most saturated one.

#a1a9aa
```
#a1a9aa rgb(161,169,170)
```
#9baeb0
```
#9baeb0 rgb(155,174,176)
```
#94b3b7
```
#94b3b7 rgb(148,179,183)
```
#8db8be
```
#8db8be rgb(141,184,190)
```
#86bdc5
```
#86bdc5 rgb(134,189,197)
```
#7fc2cc
```
#7fc2cc rgb(127,194,204)
```
#78c7d3
```
#78c7d3 rgb(120,199,211)
```
#71ccda
```
#71ccda rgb(113,204,218)
```
#6ad1e1
```
#6ad1e1 rgb(106,209,225)
```
#63d6e8
```
#63d6e8 rgb(99,214,232)
```
#5ddbee
```
#5ddbee rgb(93,219,238)
```
#56e1f5
```
#56e1f5 rgb(86,225,245)
```
#4fe6fc
```
#4fe6fc rgb(79,230,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a5b3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab9c8 Protanopia 1% of men
#bfb6d3 Deuteranopia 1% of men
#87c4d2 Tritanopia 0.001% of the population

Trichromacy

#a4bcc9 Protanomaly 1% of men, 0.01% of women
#a8bad0 Deuteranomaly 6% of men, 0.4% of women
#84c3d0 Tritanomaly 0.01% of the population

#7fc2cc hex color

#7fc2cc Color Information

#7fc2cc Color Conversion

Color Schemes with #7fc2cc

Alternatives to #7fc2cc

#7fc2cc Preview

Shades and Tints of #7fc2cc

Tones of #7fc2cc

Color Blindness Simulator