#7cb3af hex color

In a RGB color space, hex #7cb3af is composed of 48.6% red, 70.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 0% magenta, 2.2% yellow and 29.8% black. It has a hue angle of 175.6 degrees, a saturation of 26.6% and a lightness of 59.4%. #7cb3af color hex could be obtained by blending #f8ffff with #00675f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 49
- G 70
- B 69
RGB color chart
- C 31
- M 0
- Y 2
- K 30
CMYK color chart

● #7cb3af color description : Slightly desaturated cyan.

The hexadecimal color #7cb3af has RGB values of R:124, G:179, B:175 and CMYK values of C:0.31, M:0, Y:0.02, K:0.3. Its decimal value is 8172463.

Hex triplet	7cb3af	`#7cb3af`
RGB Decimal	124, 179, 175	`rgb(124,179,175)`
RGB Percent	48.6, 70.2, 68.6	`rgb(48.6%,70.2%,68.6%)`
CMYK	31, 0, 2, 30
HSL	175.6°, 26.6, 59.4	`hsl(175.6,26.6%,59.4%)`
HSV (or HSB)	175.6°, 30.7, 70.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.197, -18.786, -3.728
XYZ	32.168, 39.619, 46.507
xyY	0.272, 0.335, 39.619
CIE-LCH	69.197, 19.153, 191.225
CIE-LUV	69.197, -26.856, -2.54
Hunter-Lab	62.944, -18.927, 0.253
Binary	01111100, 10110011, 10101111

#7cb3af
```
#7cb3af rgb(124,179,175)
```
#b37c80
```
#b37c80 rgb(179,124,128)
```

Complementary Color

#7cb394
```
#7cb394 rgb(124,179,148)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#7c9cb3
```
#7c9cb3 rgb(124,156,179)
```

Analogous Color

#b3947c
```
#b3947c rgb(179,148,124)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#b37c9c
```
#b37c9c rgb(179,124,156)
```

Split Complementary Color

#b3af7c
```
#b3af7c rgb(179,175,124)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#af7cb3
```
#af7cb3 rgb(175,124,179)
```

Triadic Color

#80b37c
```
#80b37c rgb(128,179,124)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#af7cb3
```
#af7cb3 rgb(175,124,179)
```
#b37c80
```
#b37c80 rgb(179,124,128)
```

Tetradic Color

#538f8b
```
#538f8b rgb(83,143,139)
```
#5d9f9b
```
#5d9f9b rgb(93,159,155)
```
#6caaa5
```
#6caaa5 rgb(108,170,165)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#8cbcb9
```
#8cbcb9 rgb(140,188,185)
```
#9cc6c3
```
#9cc6c3 rgb(156,198,195)
```
#accfcd
```
#accfcd rgb(172,207,205)
```

Monochromatic Color

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

#7cb3a1
```
#7cb3a1 rgb(124,179,161)
```
#7cb3a6
```
#7cb3a6 rgb(124,179,166)
```
#7cb3aa
```
#7cb3aa rgb(124,179,170)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#7cb2b3
```
#7cb2b3 rgb(124,178,179)
```
#7caeb3
```
#7caeb3 rgb(124,174,179)
```
#7ca9b3
```
#7ca9b3 rgb(124,169,179)
```

Similar Colors

Text with hexadecimal color #7cb3af

This text has a font color of #7cb3af.

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

#7cb3af background color

This paragraph has a background color of #7cb3af.

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

#7cb3af border color

This element has a border color of #7cb3af.

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

CSS codes

.text {color:#7cb3af;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1211
```
#0a1211 rgb(10,18,17)
```
#121e1d
```
#121e1d rgb(18,30,29)
```
#192b29
```
#192b29 rgb(25,43,41)
```
#203736
```
#203736 rgb(32,55,54)
```
#274442
```
#274442 rgb(39,68,66)
```
#2e504e
```
#2e504e rgb(46,80,78)
```
#365c5a
```
#365c5a rgb(54,92,90)
```
#3d6966
```
#3d6966 rgb(61,105,102)
```
#447572
```
#447572 rgb(68,117,114)
```
#4b827e
```
#4b827e rgb(75,130,126)
```
#528e8a
```
#528e8a rgb(82,142,138)
```
#5a9b96
```
#5a9b96 rgb(90,155,150)
```

Shade Color Variation

#63a5a0
```
#63a5a0 rgb(99,165,160)
```
#70aca7
```
#70aca7 rgb(112,172,167)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#88bab7
```
#88bab7 rgb(136,186,183)
```
#95c1be
```
#95c1be rgb(149,193,190)
```
#a1c9c6
```
#a1c9c6 rgb(161,201,198)
```
#aed0cd
```
#aed0cd rgb(174,208,205)
```
#bad7d5
```
#bad7d5 rgb(186,215,213)
```
#c6dedc
```
#c6dedc rgb(198,222,220)
```
#d3e5e4
```
#d3e5e4 rgb(211,229,228)
```
#dfedec
```
#dfedec rgb(223,237,236)
```
#ecf4f3
```
#ecf4f3 rgb(236,244,243)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949b9b is the less saturated color, while #34fbec is the most saturated one.

#949b9b
```
#949b9b rgb(148,155,155)
```
#8ca3a1
```
#8ca3a1 rgb(140,163,161)
```
#84aba8
```
#84aba8 rgb(132,171,168)
```
#7cb3af
```
#7cb3af rgb(124,179,175)
```
#74bbb6
```
#74bbb6 rgb(116,187,182)
```
#6cc3bd
```
#6cc3bd rgb(108,195,189)
```
#64cbc3
```
#64cbc3 rgb(100,203,195)
```
#5cd3ca
```
#5cd3ca rgb(92,211,202)
```
#54dbd1
```
#54dbd1 rgb(84,219,209)
```
#4ce3d8
```
#4ce3d8 rgb(76,227,216)
```
#44ebdf
```
#44ebdf rgb(68,235,223)
```
#3cf3e5
```
#3cf3e5 rgb(60,243,229)
```
#34fbec
```
#34fbec rgb(52,251,236)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9aa5a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0acad Protanopia 1% of men
#b8a8b8 Deuteranopia 1% of men
#86b4c1 Tritanopia 0.001% of the population

Trichromacy

#9daeae Protanomaly 1% of men, 0.01% of women
#a2acb4 Deuteranomaly 6% of men, 0.4% of women
#82b4ba Tritanomaly 0.01% of the population

#7cb3af hex color

#7cb3af Color Information

#7cb3af Color Conversion

Color Schemes with #7cb3af

Alternatives to #7cb3af

#7cb3af Preview

Shades and Tints of #7cb3af

Tones of #7cb3af

Color Blindness Simulator