#7dbab4 hex color

In a RGB color space, hex #7dbab4 is composed of 49% red, 72.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 0% magenta, 3.2% yellow and 27.1% black. It has a hue angle of 174.1 degrees, a saturation of 30.7% and a lightness of 61%. #7dbab4 color hex could be obtained by blending #faffff with #007569. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 73
- B 71
RGB color chart
- C 33
- M 0
- Y 3
- K 27
CMYK color chart

● #7dbab4 color description : Slightly desaturated cyan.

The hexadecimal color #7dbab4 has RGB values of R:125, G:186, B:180 and CMYK values of C:0.33, M:0, Y:0.03, K:0.27. Its decimal value is 8239796.

Hex triplet	7dbab4	`#7dbab4`
RGB Decimal	125, 186, 180	`rgb(125,186,180)`
RGB Percent	49, 72.9, 70.6	`rgb(49%,72.9%,70.6%)`
CMYK	33, 0, 3, 27
HSL	174.1°, 30.7, 61	`hsl(174.1,30.7%,61%)`
HSV (or HSB)	174.1°, 32.8, 72.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.4, -20.91, -3.228
XYZ	34.252, 42.772, 49.628
xyY	0.27, 0.338, 42.772
CIE-LCH	71.4, 21.158, 188.776
CIE-LUV	71.4, -29.432, -1.461
Hunter-Lab	65.4, -20.963, 0.788
Binary	01111101, 10111010, 10110100

#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#ba7d83
```
#ba7d83 rgb(186,125,131)
```

Complementary Color

#7dba96
```
#7dba96 rgb(125,186,150)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#7da2ba
```
#7da2ba rgb(125,162,186)
```

Analogous Color

#ba967d
```
#ba967d rgb(186,150,125)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#ba7da2
```
#ba7da2 rgb(186,125,162)
```

Split Complementary Color

#bab47d
```
#bab47d rgb(186,180,125)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#b47dba
```
#b47dba rgb(180,125,186)
```

Triadic Color

#83ba7d
```
#83ba7d rgb(131,186,125)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#b47dba
```
#b47dba rgb(180,125,186)
```
#ba7d83
```
#ba7d83 rgb(186,125,131)
```

Tetradic Color

#519992
```
#519992 rgb(81,153,146)
```
#5ca8a1
```
#5ca8a1 rgb(92,168,161)
```
#6cb1aa
```
#6cb1aa rgb(108,177,170)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#8ec3be
```
#8ec3be rgb(142,195,190)
```
#9eccc7
```
#9eccc7 rgb(158,204,199)
```
#afd5d1
```
#afd5d1 rgb(175,213,209)
```

Monochromatic Color

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

#7dbaa5
```
#7dbaa5 rgb(125,186,165)
```
#7dbaaa
```
#7dbaaa rgb(125,186,170)
```
#7dbaaf
```
#7dbaaf rgb(125,186,175)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#7dbab9
```
#7dbab9 rgb(125,186,185)
```
#7db6ba
```
#7db6ba rgb(125,182,186)
```
#7db1ba
```
#7db1ba rgb(125,177,186)
```

Similar Colors

Text with hexadecimal color #7dbab4

This text has a font color of #7dbab4.

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

#7dbab4 background color

This paragraph has a background color of #7dbab4.

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

#7dbab4 border color

This element has a border color of #7dbab4.

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

CSS codes

.text {color:#7dbab4;}

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

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

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

#060b0a
```
#060b0a rgb(6,11,10)
```
#0d1817
```
#0d1817 rgb(13,24,23)
```
#132523
```
#132523 rgb(19,37,35)
```
#1a312f
```
#1a312f rgb(26,49,47)
```
#213e3b
```
#213e3b rgb(33,62,59)
```
#284b48
```
#284b48 rgb(40,75,72)
```
#2f5854
```
#2f5854 rgb(47,88,84)
```
#356560
```
#356560 rgb(53,101,96)
```
#3c716c
```
#3c716c rgb(60,113,108)
```
#437e78
```
#437e78 rgb(67,126,120)
```
#4a8b85
```
#4a8b85 rgb(74,139,133)
```
#519891
```
#519891 rgb(81,152,145)
```
#57a59d
```
#57a59d rgb(87,165,157)
```

Shade Color Variation

#63aca5
```
#63aca5 rgb(99,172,165)
```
#70b3ad
```
#70b3ad rgb(112,179,173)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#8ac1bb
```
#8ac1bb rgb(138,193,187)
```
#97c8c3
```
#97c8c3 rgb(151,200,195)
```
#a3ceca
```
#a3ceca rgb(163,206,202)
```
#b0d5d2
```
#b0d5d2 rgb(176,213,210)
```
#bddcd9
```
#bddcd9 rgb(189,220,217)
```
#cae3e0
```
#cae3e0 rgb(202,227,224)
```
#d7eae8
```
#d7eae8 rgb(215,234,232)
```
#e4f0ef
```
#e4f0ef rgb(228,240,239)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94a3a2 is the less saturated color, while #38ffeb is the most saturated one.

#94a3a2
```
#94a3a2 rgb(148,163,162)
```
#8caba8
```
#8caba8 rgb(140,171,168)
```
#85b2ae
```
#85b2ae rgb(133,178,174)
```
#7dbab4
```
#7dbab4 rgb(125,186,180)
```
#75c2ba
```
#75c2ba rgb(117,194,186)
```
#6ec9c0
```
#6ec9c0 rgb(110,201,192)
```
#66d1c6
```
#66d1c6 rgb(102,209,198)
```
#5ed9cd
```
#5ed9cd rgb(94,217,205)
```
#57e0d3
```
#57e0d3 rgb(87,224,211)
```
#4fe8d9
```
#4fe8d9 rgb(79,232,217)
```
#47f0df
```
#47f0df rgb(71,240,223)
```
#40f7e5
```
#40f7e5 rgb(64,247,229)
```
#38ffeb
```
#38ffeb rgb(56,255,235)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9fabaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b2b1 Protanopia 1% of men
#beaebd Deuteranopia 1% of men
#88bac8 Tritanopia 0.001% of the population

Trichromacy

#a1b5b2 Protanomaly 1% of men, 0.01% of women
#a6b2b9 Deuteranomaly 6% of men, 0.4% of women
#84bac1 Tritanomaly 0.01% of the population

#7dbab4 hex color

#7dbab4 Color Information

#7dbab4 Color Conversion

Color Schemes with #7dbab4

Alternatives to #7dbab4

#7dbab4 Preview

Shades and Tints of #7dbab4

Tones of #7dbab4

Color Blindness Simulator