#7dafb4 hex color

In a RGB color space, hex #7dafb4 is composed of 49% red, 68.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 2.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 185.5 degrees, a saturation of 26.8% and a lightness of 59.8%. #7dafb4 color hex could be obtained by blending #faffff with #005f69. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 69
- B 71
RGB color chart
- C 31
- M 3
- Y 0
- K 29
CMYK color chart

● #7dafb4 color description : Slightly desaturated cyan.

The hexadecimal color #7dafb4 has RGB values of R:125, G:175, B:180 and CMYK values of C:0.31, M:0.03, Y:0, K:0.29. Its decimal value is 8236980.

Hex triplet	7dafb4	`#7dafb4`
RGB Decimal	125, 175, 180	`rgb(125,175,180)`
RGB Percent	49, 68.6, 70.6	`rgb(49%,68.6%,70.6%)`
CMYK	31, 3, 0, 29
HSL	185.5°, 26.8, 59.8	`hsl(185.5,26.8%,59.8%)`
HSV (or HSB)	185.5°, 30.6, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.251, -15.231, -7.884
XYZ	32.024, 38.314, 48.885
xyY	0.269, 0.321, 38.314
CIE-LCH	68.251, 17.151, 207.367
CIE-LUV	68.251, -24.68, -9.438
Hunter-Lab	61.898, -15.973, -3.497
Binary	01111101, 10101111, 10110100

#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#b4827d
```
#b4827d rgb(180,130,125)
```

Complementary Color

#7db49e
```
#7db49e rgb(125,180,158)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#7d94b4
```
#7d94b4 rgb(125,148,180)
```

Analogous Color

#b49e7d
```
#b49e7d rgb(180,158,125)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#b47d94
```
#b47d94 rgb(180,125,148)
```

Split Complementary Color

#afb47d
```
#afb47d rgb(175,180,125)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#b47daf
```
#b47daf rgb(180,125,175)
```

Triadic Color

#7db482
```
#7db482 rgb(125,180,130)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#b47daf
```
#b47daf rgb(180,125,175)
```
#b4827d
```
#b4827d rgb(180,130,125)
```

Tetradic Color

#548b91
```
#548b91 rgb(84,139,145)
```
#5d9ba1
```
#5d9ba1 rgb(93,155,161)
```
#6da5ab
```
#6da5ab rgb(109,165,171)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#8db9bd
```
#8db9bd rgb(141,185,189)
```
#9dc3c7
```
#9dc3c7 rgb(157,195,199)
```
#aecdd0
```
#aecdd0 rgb(174,205,208)
```

Monochromatic Color

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

#7db4ab
```
#7db4ab rgb(125,180,171)
```
#7db4b0
```
#7db4b0 rgb(125,180,176)
```
#7db4b4
```
#7db4b4 rgb(125,180,180)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#7daab4
```
#7daab4 rgb(125,170,180)
```
#7da6b4
```
#7da6b4 rgb(125,166,180)
```
#7da1b4
```
#7da1b4 rgb(125,161,180)
```

Similar Colors

Text with hexadecimal color #7dafb4

This text has a font color of #7dafb4.

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

#7dafb4 background color

This paragraph has a background color of #7dafb4.

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

#7dafb4 border color

This element has a border color of #7dafb4.

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

CSS codes

.text {color:#7dafb4;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0b1313
```
#0b1313 rgb(11,19,19)
```
#121e20
```
#121e20 rgb(18,30,32)
```
#192a2c
```
#192a2c rgb(25,42,44)
```
#213639
```
#213639 rgb(33,54,57)
```
#284245
```
#284245 rgb(40,66,69)
```
#2f4e51
```
#2f4e51 rgb(47,78,81)
```
#365a5e
```
#365a5e rgb(54,90,94)
```
#3d666a
```
#3d666a rgb(61,102,106)
```
#457277
```
#457277 rgb(69,114,119)
```
#4c7e83
```
#4c7e83 rgb(76,126,131)
```
#538a90
```
#538a90 rgb(83,138,144)
```
#5a969c
```
#5a969c rgb(90,150,156)
```

Shade Color Variation

#64a0a6
```
#64a0a6 rgb(100,160,166)
```
#71a7ad
```
#71a7ad rgb(113,167,173)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#89b7bb
```
#89b7bb rgb(137,183,187)
```
#96bec2
```
#96bec2 rgb(150,190,194)
```
#a2c6ca
```
#a2c6ca rgb(162,198,202)
```
#afced1
```
#afced1 rgb(175,206,209)
```
#bbd5d8
```
#bbd5d8 rgb(187,213,216)
```
#c8dddf
```
#c8dddf rgb(200,221,223)
```
#d4e5e6
```
#d4e5e6 rgb(212,229,230)
```
#e1eced
```
#e1eced rgb(225,236,237)
```
#edf4f5
```
#edf4f5 rgb(237,244,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959c9c is the less saturated color, while #36e9fb is the most saturated one.

#959c9c
```
#959c9c rgb(149,156,156)
```
#8da2a4
```
#8da2a4 rgb(141,162,164)
```
#85a9ac
```
#85a9ac rgb(133,169,172)
```
#7dafb4
```
#7dafb4 rgb(125,175,180)
```
#75b5bc
```
#75b5bc rgb(117,181,188)
```
#6dbcc4
```
#6dbcc4 rgb(109,188,196)
```
#65c2cc
```
#65c2cc rgb(101,194,204)
```
#5dc9d4
```
#5dc9d4 rgb(93,201,212)
```
#56cfdb
```
#56cfdb rgb(86,207,219)
```
#4ed6e3
```
#4ed6e3 rgb(78,214,227)
```
#46dceb
```
#46dceb rgb(70,220,235)
```
#3ee3f3
```
#3ee3f3 rgb(62,227,243)
```
#36e9fb
```
#36e9fb rgb(54,233,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9aa4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaab2 Protanopia 1% of men
#b2a6bc Deuteranopia 1% of men
#85b2be Tritanopia 0.001% of the population

Trichromacy

#9aabb3 Protanomaly 1% of men, 0.01% of women
#9fa9b9 Deuteranomaly 6% of men, 0.4% of women
#82b0ba Tritanomaly 0.01% of the population

#7dafb4 hex color

#7dafb4 Color Information

#7dafb4 Color Conversion

Color Schemes with #7dafb4

Alternatives to #7dafb4

#7dafb4 Preview

Shades and Tints of #7dafb4

Tones of #7dafb4

Color Blindness Simulator