#7cc0b2 hex color

In a RGB color space, hex #7cc0b2 is composed of 48.6% red, 75.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 0% magenta, 7.3% yellow and 24.7% black. It has a hue angle of 167.6 degrees, a saturation of 35.1% and a lightness of 62%. #7cc0b2 color hex could be obtained by blending #f8ffff with #008165. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 49
- G 75
- B 70
RGB color chart
- C 35
- M 0
- Y 7
- K 25
CMYK color chart

● #7cc0b2 color description : Slightly desaturated cyan.

The hexadecimal color #7cc0b2 has RGB values of R:124, G:192, B:178 and CMYK values of C:0.35, M:0, Y:0.07, K:0.25. Its decimal value is 8175794.

Hex triplet	7cc0b2	`#7cc0b2`
RGB Decimal	124, 192, 178	`rgb(124,192,178)`
RGB Percent	48.6, 75.3, 69.8	`rgb(48.6%,75.3%,69.8%)`
CMYK	35, 0, 7, 25
HSL	167.6°, 35.1, 62	`hsl(167.6,35.1%,62%)`
HSV (or HSB)	167.6°, 35.4, 75.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.021, -24.665, 0.235
XYZ	35.195, 45.197, 48.986
xyY	0.272, 0.349, 45.197
CIE-LCH	73.021, 24.666, 179.455
CIE-LUV	73.021, -32.428, 4.362
Hunter-Lab	67.229, -24.202, 3.858
Binary	01111100, 11000000, 10110010

#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#c07c8a
```
#c07c8a rgb(192,124,138)
```

Complementary Color

#7cc090
```
#7cc090 rgb(124,192,144)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#7cacc0
```
#7cacc0 rgb(124,172,192)
```

Analogous Color

#c0907c
```
#c0907c rgb(192,144,124)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#c07cac
```
#c07cac rgb(192,124,172)
```

Split Complementary Color

#c0b27c
```
#c0b27c rgb(192,178,124)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#b27cc0
```
#b27cc0 rgb(178,124,192)
```

Triadic Color

#8ac07c
```
#8ac07c rgb(138,192,124)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#b27cc0
```
#b27cc0 rgb(178,124,192)
```
#c07c8a
```
#c07c8a rgb(192,124,138)
```

Tetradic Color

#4ea290
```
#4ea290 rgb(78,162,144)
```
#5aaf9e
```
#5aaf9e rgb(90,175,158)
```
#6bb8a8
```
#6bb8a8 rgb(107,184,168)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#8dc8bc
```
#8dc8bc rgb(141,200,188)
```
#9ed1c6
```
#9ed1c6 rgb(158,209,198)
```
#b0d9d0
```
#b0d9d0 rgb(176,217,208)
```

Monochromatic Color

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

#7cc0a1
```
#7cc0a1 rgb(124,192,161)
```
#7cc0a7
```
#7cc0a7 rgb(124,192,167)
```
#7cc0ac
```
#7cc0ac rgb(124,192,172)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#7cc0b8
```
#7cc0b8 rgb(124,192,184)
```
#7cc0bd
```
#7cc0bd rgb(124,192,189)
```
#7cbdc0
```
#7cbdc0 rgb(124,189,192)
```

Similar Colors

Text with hexadecimal color #7cc0b2

This text has a font color of #7cc0b2.

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

#7cc0b2 background color

This paragraph has a background color of #7cc0b2.

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

#7cc0b2 border color

This element has a border color of #7cc0b2.

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

CSS codes

.text {color:#7cc0b2;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070f0d
```
#070f0d rgb(7,15,13)
```
#0d1c19
```
#0d1c19 rgb(13,28,25)
```
#142925
```
#142925 rgb(20,41,37)
```
#1a3631
```
#1a3631 rgb(26,54,49)
```
#21443c
```
#21443c rgb(33,68,60)
```
#275148
```
#275148 rgb(39,81,72)
```
#2d5e54
```
#2d5e54 rgb(45,94,84)
```
#346b60
```
#346b60 rgb(52,107,96)
```
#3a796c
```
#3a796c rgb(58,121,108)
```
#408678
```
#408678 rgb(64,134,120)
```
#479383
```
#479383 rgb(71,147,131)
```
#4da08f
```
#4da08f rgb(77,160,143)
```

Shade Color Variation

#54ad9b
```
#54ad9b rgb(84,173,155)
```
#62b3a2
```
#62b3a2 rgb(98,179,162)
```
#6fbaaa
```
#6fbaaa rgb(111,186,170)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#89c6ba
```
#89c6ba rgb(137,198,186)
```
#96cdc2
```
#96cdc2 rgb(150,205,194)
```
#a4d3c9
```
#a4d3c9 rgb(164,211,201)
```
#b1d9d1
```
#b1d9d1 rgb(177,217,209)
```
#bee0d9
```
#bee0d9 rgb(190,224,217)
```
#cbe6e1
```
#cbe6e1 rgb(203,230,225)
```
#d9ede8
```
#d9ede8 rgb(217,237,232)
```
#e6f3f0
```
#e6f3f0 rgb(230,243,240)
```
#f3f9f8
```
#f3f9f8 rgb(243,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa2a0 is the less saturated color, while #40fcd5 is the most saturated one.

#9aa2a0
```
#9aa2a0 rgb(154,162,160)
```
#92aaa5
```
#92aaa5 rgb(146,170,165)
```
#8bb1a9
```
#8bb1a9 rgb(139,177,169)
```
#83b9ae
```
#83b9ae rgb(131,185,174)
```
#7cc0b2
```
#7cc0b2 rgb(124,192,178)
```
#75c7b6
```
#75c7b6 rgb(117,199,182)
```
#6dcfbb
```
#6dcfbb rgb(109,207,187)
```
#66d6bf
```
#66d6bf rgb(102,214,191)
```
#5edec4
```
#5edec4 rgb(94,222,196)
```
#57e5c8
```
#57e5c8 rgb(87,229,200)
```
#4fedcc
```
#4fedcc rgb(79,237,204)
```
#48f4d1
```
#48f4d1 rgb(72,244,209)
```
#40fcd5
```
#40fcd5 rgb(64,252,213)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a1aeac Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb6af Protanopia 1% of men
#c5b1bb Deuteranopia 1% of men
#89bfcd Tritanopia 0.001% of the population

Trichromacy

#a4b9b0 Protanomaly 1% of men, 0.01% of women
#aab7b8 Deuteranomaly 6% of men, 0.4% of women
#84bfc3 Tritanomaly 0.01% of the population

#7cc0b2 hex color

#7cc0b2 Color Information

#7cc0b2 Color Conversion

Color Schemes with #7cc0b2

Alternatives to #7cc0b2

#7cc0b2 Preview

Shades and Tints of #7cc0b2

Tones of #7cc0b2

Color Blindness Simulator