#7abfb4 hex color

In a RGB color space, hex #7abfb4 is composed of 47.8% red, 74.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 0% magenta, 5.8% yellow and 25.1% black. It has a hue angle of 170.4 degrees, a saturation of 35% and a lightness of 61.4%. #7abfb4 color hex could be obtained by blending #f4ffff with #007f69. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 75
- B 71
RGB color chart
- C 36
- M 0
- Y 6
- K 25
CMYK color chart

● #7abfb4 color description : Slightly desaturated cyan.

The hexadecimal color #7abfb4 has RGB values of R:122, G:191, B:180 and CMYK values of C:0.36, M:0, Y:0.06, K:0.25. Its decimal value is 8044468.

Hex triplet	7abfb4	`#7abfb4`
RGB Decimal	122, 191, 180	`rgb(122,191,180)`
RGB Percent	47.8, 74.9, 70.6	`rgb(47.8%,74.9%,70.6%)`
CMYK	36, 0, 6, 25
HSL	170.4°, 35, 61.4	`hsl(170.4,35%,61.4%)`
HSV (or HSB)	170.4°, 36.1, 74.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.689, -24.265, -1.352
XYZ	34.893, 44.693, 49.965
xyY	0.269, 0.345, 44.693
CIE-LCH	72.689, 24.302, 183.19
CIE-LUV	72.689, -32.727, 1.903
Hunter-Lab	66.853, -23.826, 2.484
Binary	01111010, 10111111, 10110100

#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#bf7a85
```
#bf7a85 rgb(191,122,133)
```

Complementary Color

#7abf92
```
#7abf92 rgb(122,191,146)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#7aa8bf
```
#7aa8bf rgb(122,168,191)
```

Analogous Color

#bf927a
```
#bf927a rgb(191,146,122)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#bf7aa8
```
#bf7aa8 rgb(191,122,168)
```

Split Complementary Color

#bfb47a
```
#bfb47a rgb(191,180,122)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#b47abf
```
#b47abf rgb(180,122,191)
```

Triadic Color

#85bf7a
```
#85bf7a rgb(133,191,122)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#b47abf
```
#b47abf rgb(180,122,191)
```
#bf7a85
```
#bf7a85 rgb(191,122,133)
```

Tetradic Color

#4da092
```
#4da092 rgb(77,160,146)
```
#58aea1
```
#58aea1 rgb(88,174,161)
```
#69b7aa
```
#69b7aa rgb(105,183,170)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#8bc7be
```
#8bc7be rgb(139,199,190)
```
#9cd0c7
```
#9cd0c7 rgb(156,208,199)
```
#aed8d1
```
#aed8d1 rgb(174,216,209)
```

Monochromatic Color

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

#7abfa3
```
#7abfa3 rgb(122,191,163)
```
#7abfa9
```
#7abfa9 rgb(122,191,169)
```
#7abfae
```
#7abfae rgb(122,191,174)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#7abfba
```
#7abfba rgb(122,191,186)
```
#7abfbf
```
#7abfbf rgb(122,191,191)
```
#7ab9bf
```
#7ab9bf rgb(122,185,191)
```

Similar Colors

Text with hexadecimal color #7abfb4

This text has a font color of #7abfb4.

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

#7abfb4 background color

This paragraph has a background color of #7abfb4.

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

#7abfb4 border color

This element has a border color of #7abfb4.

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

CSS codes

.text {color:#7abfb4;}

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

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

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, #060d0c is the darkest color, while #feffff is the lightest one.

#060d0c
```
#060d0c rgb(6,13,12)
```
#0c1a18
```
#0c1a18 rgb(12,26,24)
```
#132724
```
#132724 rgb(19,39,36)
```
#193430
```
#193430 rgb(25,52,48)
```
#20423c
```
#20423c rgb(32,66,60)
```
#264f48
```
#264f48 rgb(38,79,72)
```
#2c5c55
```
#2c5c55 rgb(44,92,85)
```
#336961
```
#336961 rgb(51,105,97)
```
#39776d
```
#39776d rgb(57,119,109)
```
#3f8479
```
#3f8479 rgb(63,132,121)
```
#469185
```
#469185 rgb(70,145,133)
```
#4c9e91
```
#4c9e91 rgb(76,158,145)
```
#53ac9d
```
#53ac9d rgb(83,172,157)
```

Shade Color Variation

#60b2a5
```
#60b2a5 rgb(96,178,165)
```
#6db9ad
```
#6db9ad rgb(109,185,173)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#87c5bb
```
#87c5bb rgb(135,197,187)
```
#94ccc3
```
#94ccc3 rgb(148,204,195)
```
#a2d2ca
```
#a2d2ca rgb(162,210,202)
```
#afd8d2
```
#afd8d2 rgb(175,216,210)
```
#bcdfd9
```
#bcdfd9 rgb(188,223,217)
```
#c9e5e1
```
#c9e5e1 rgb(201,229,225)
```
#d7ece8
```
#d7ece8 rgb(215,236,232)
```
#e4f2f0
```
#e4f2f0 rgb(228,242,240)
```
#f1f8f7
```
#f1f8f7 rgb(241,248,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#98a19f
```
#98a19f rgb(152,161,159)
```
#91a8a5
```
#91a8a5 rgb(145,168,165)
```
#89b0aa
```
#89b0aa rgb(137,176,170)
```
#82b7af
```
#82b7af rgb(130,183,175)
```
#7abfb4
```
#7abfb4 rgb(122,191,180)
```
#72c7b9
```
#72c7b9 rgb(114,199,185)
```
#6bcebe
```
#6bcebe rgb(107,206,190)
```
#63d6c3
```
#63d6c3 rgb(99,214,195)
```
#5cddc9
```
#5cddc9 rgb(92,221,201)
```
#54e5ce
```
#54e5ce rgb(84,229,206)
```
#4decd3
```
#4decd3 rgb(77,236,211)
```
#45f4d8
```
#45f4d8 rgb(69,244,216)
```
#3dfcdd
```
#3dfcdd rgb(61,252,221)
```

Tone Color Variation

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

Dichromacy

#bab5b1 Protanopia 1% of men
#c3b1bd Deuteranopia 1% of men
#87bfcc Tritanopia 0.001% of the population

Trichromacy

#a3b8b2 Protanomaly 1% of men, 0.01% of women
#a8b6ba Deuteranomaly 6% of men, 0.4% of women
#82bfc3 Tritanomaly 0.01% of the population

#7abfb4 hex color

#7abfb4 Color Information

#7abfb4 Color Conversion

Color Schemes with #7abfb4

Alternatives to #7abfb4

#7abfb4 Preview

Shades and Tints of #7abfb4

Tones of #7abfb4

Color Blindness Simulator