#7dd0bf hex color

In a RGB color space, hex #7dd0bf is composed of 49% red, 81.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 0% magenta, 8.2% yellow and 18.4% black. It has a hue angle of 167.7 degrees, a saturation of 46.9% and a lightness of 65.3%. #7dd0bf color hex could be obtained by blending #faffff with #00a17f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 82
- B 75
RGB color chart
- C 40
- M 0
- Y 8
- K 18
CMYK color chart

● #7dd0bf color description : Slightly desaturated cyan.

The hexadecimal color #7dd0bf has RGB values of R:125, G:208, B:191 and CMYK values of C:0.4, M:0, Y:0.08, K:0.18. Its decimal value is 8245439.

Hex triplet	7dd0bf	`#7dd0bf`
RGB Decimal	125, 208, 191	`rgb(125,208,191)`
RGB Percent	49, 81.6, 74.9	`rgb(49%,81.6%,74.9%)`
CMYK	40, 0, 8, 18
HSL	167.7°, 46.9, 65.3	`hsl(167.7,46.9%,65.3%)`
HSV (or HSB)	167.7°, 39.9, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.011, -29.236, 0.493
XYZ	40.415, 53.231, 57.432
xyY	0.268, 0.352, 53.231
CIE-LCH	78.011, 29.24, 179.034
CIE-LUV	78.011, -38.506, 5.525
Hunter-Lab	72.96, -28.803, 4.4
Binary	01111101, 11010000, 10111111

#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#d07d8e
```
#d07d8e rgb(208,125,142)
```

Complementary Color

#7dd096
```
#7dd096 rgb(125,208,150)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#7db8d0
```
#7db8d0 rgb(125,184,208)
```

Analogous Color

#d0967d
```
#d0967d rgb(208,150,125)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#d07db8
```
#d07db8 rgb(208,125,184)
```

Split Complementary Color

#d0bf7d
```
#d0bf7d rgb(208,191,125)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#bf7dd0
```
#bf7dd0 rgb(191,125,208)
```

Triadic Color

#8ed07d
```
#8ed07d rgb(142,208,125)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#bf7dd0
```
#bf7dd0 rgb(191,125,208)
```
#d07d8e
```
#d07d8e rgb(208,125,142)
```

Tetradic Color

#45bca3
```
#45bca3 rgb(69,188,163)
```
#58c2ad
```
#58c2ad rgb(88,194,173)
```
#6ac9b6
```
#6ac9b6 rgb(106,201,182)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#90d7c8
```
#90d7c8 rgb(144,215,200)
```
#a2ded1
```
#a2ded1 rgb(162,222,209)
```
#b5e4db
```
#b5e4db rgb(181,228,219)
```

Monochromatic Color

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

#7dd0aa
```
#7dd0aa rgb(125,208,170)
```
#7dd0b1
```
#7dd0b1 rgb(125,208,177)
```
#7dd0b8
```
#7dd0b8 rgb(125,208,184)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#7dd0c6
```
#7dd0c6 rgb(125,208,198)
```
#7dd0cd
```
#7dd0cd rgb(125,208,205)
```
#7dccd0
```
#7dccd0 rgb(125,204,208)
```

Similar Colors

Text with hexadecimal color #7dd0bf

This text has a font color of #7dd0bf.

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

#7dd0bf background color

This paragraph has a background color of #7dd0bf.

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

#7dd0bf border color

This element has a border color of #7dd0bf.

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

CSS codes

.text {color:#7dd0bf;}

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

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

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, #050e0c is the darkest color, while #ffffff is the lightest one.

#050e0c
```
#050e0c rgb(5,14,12)
```
#0a1c19
```
#0a1c19 rgb(10,28,25)
```
#102b25
```
#102b25 rgb(16,43,37)
```
#153932
```
#153932 rgb(21,57,50)
```
#1a483e
```
#1a483e rgb(26,72,62)
```
#1f564b
```
#1f564b rgb(31,86,75)
```
#246557
```
#246557 rgb(36,101,87)
```
#2a7364
```
#2a7364 rgb(42,115,100)
```
#2f8170
```
#2f8170 rgb(47,129,112)
```
#34907d
```
#34907d rgb(52,144,125)
```
#399e89
```
#399e89 rgb(57,158,137)
```
#3ead96
```
#3ead96 rgb(62,173,150)
```
#44bba3
```
#44bba3 rgb(68,187,163)
```

Shade Color Variation

#52c0aa
```
#52c0aa rgb(82,192,170)
```
#60c6b1
```
#60c6b1 rgb(96,198,177)
```
#6fcbb8
```
#6fcbb8 rgb(111,203,184)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#8bd5c6
```
#8bd5c6 rgb(139,213,198)
```
#9adacd
```
#9adacd rgb(154,218,205)
```
#a8e0d4
```
#a8e0d4 rgb(168,224,212)
```
#b7e5db
```
#b7e5db rgb(183,229,219)
```
#c5eae2
```
#c5eae2 rgb(197,234,226)
```
#d3efea
```
#d3efea rgb(211,239,234)
```
#e2f4f1
```
#e2f4f1 rgb(226,244,241)
```
#f0faf8
```
#f0faf8 rgb(240,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a6a7a7 is the less saturated color, while #54f9d7 is the most saturated one.

#a6a7a7
```
#a6a7a7 rgb(166,167,167)
```
#9faeab
```
#9faeab rgb(159,174,171)
```
#98b5af
```
#98b5af rgb(152,181,175)
```
#91bcb3
```
#91bcb3 rgb(145,188,179)
```
#8bc2b7
```
#8bc2b7 rgb(139,194,183)
```
#84c9bb
```
#84c9bb rgb(132,201,187)
```
#7dd0bf
```
#7dd0bf rgb(125,208,191)
```
#76d7c3
```
#76d7c3 rgb(118,215,195)
```
#6fdec7
```
#6fdec7 rgb(111,222,199)
```
#69e4cb
```
#69e4cb rgb(105,228,203)
```
#62ebcf
```
#62ebcf rgb(98,235,207)
```
#5bf2d3
```
#5bf2d3 rgb(91,242,211)
```
#54f9d7
```
#54f9d7 rgb(84,249,215)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#aabab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c3ba Protanopia 1% of men
#d3bec9 Deuteranopia 1% of men
#8ccedd Tritanopia 0.001% of the population

Trichromacy

#adc7bc Protanomaly 1% of men, 0.01% of women
#b4c4c5 Deuteranomaly 6% of men, 0.4% of women
#86ced2 Tritanomaly 0.01% of the population

#7dd0bf hex color

#7dd0bf Color Information

#7dd0bf Color Conversion

Color Schemes with #7dd0bf

Alternatives to #7dd0bf

#7dd0bf Preview

Shades and Tints of #7dd0bf

Tones of #7dd0bf

Color Blindness Simulator