#7ddecc hex color

In a RGB color space, hex #7ddecc is composed of 49% red, 87.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 0% magenta, 8.1% yellow and 12.9% black. It has a hue angle of 168.9 degrees, a saturation of 59.5% and a lightness of 68%. #7ddecc color hex could be obtained by blending #faffff with #00bd99. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 87
- B 80
RGB color chart
- C 44
- M 0
- Y 8
- K 13
CMYK color chart

● #7ddecc color description : Very soft cyan.

The hexadecimal color #7ddecc has RGB values of R:125, G:222, B:204 and CMYK values of C:0.44, M:0, Y:0.08, K:0.13. Its decimal value is 8249036.

Hex triplet	7ddecc	`#7ddecc`
RGB Decimal	125, 222, 204	`rgb(125,222,204)`
RGB Percent	49, 87.1, 80	`rgb(49%,87.1%,80%)`
CMYK	44, 0, 8, 13
HSL	168.9°, 59.5, 68	`hsl(168.9,59.5%,68%)`
HSV (or HSB)	168.9°, 43.7, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.357, -32.889, -0.101
XYZ	45.475, 60.959, 66.493
xyY	0.263, 0.353, 60.959
CIE-LCH	82.357, 32.889, 180.177
CIE-LUV	82.357, -43.835, 5.237
Hunter-Lab	78.076, -32.669, 4.159
Binary	01111101, 11011110, 11001100

#7ddecc
```
#7ddecc rgb(125,222,204)
```
#de7d8f
```
#de7d8f rgb(222,125,143)
```

Complementary Color

#7dde9c
```
#7dde9c rgb(125,222,156)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#7dc0de
```
#7dc0de rgb(125,192,222)
```

Analogous Color

#de9c7d
```
#de9c7d rgb(222,156,125)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#de7dc0
```
#de7dc0 rgb(222,125,192)
```

Split Complementary Color

#decc7d
```
#decc7d rgb(222,204,125)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#cc7dde
```
#cc7dde rgb(204,125,222)
```

Triadic Color

#8fde7d
```
#8fde7d rgb(143,222,125)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#cc7dde
```
#cc7dde rgb(204,125,222)
```
#de7d8f
```
#de7d8f rgb(222,125,143)
```

Tetradic Color

#40cfb4
```
#40cfb4 rgb(64,207,180)
```
#54d4bc
```
#54d4bc rgb(84,212,188)
```
#69d9c4
```
#69d9c4 rgb(105,217,196)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#91e3d4
```
#91e3d4 rgb(145,227,212)
```
#a6e8dc
```
#a6e8dc rgb(166,232,220)
```
#baede4
```
#baede4 rgb(186,237,228)
```

Monochromatic Color

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

#7ddeb4
```
#7ddeb4 rgb(125,222,180)
```
#7ddebc
```
#7ddebc rgb(125,222,188)
```
#7ddec4
```
#7ddec4 rgb(125,222,196)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#7dded4
```
#7dded4 rgb(125,222,212)
```
#7ddedc
```
#7ddedc rgb(125,222,220)
```
#7dd8de
```
#7dd8de rgb(125,216,222)
```

Similar Colors

Text with hexadecimal color #7ddecc

This text has a font color of #7ddecc.

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

#7ddecc background color

This paragraph has a background color of #7ddecc.

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

#7ddecc border color

This element has a border color of #7ddecc.

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

CSS codes

.text {color:#7ddecc;}

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

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

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, #030b09 is the darkest color, while #fafefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#071a17
```
#071a17 rgb(7,26,23)
```
#0b2a24
```
#0b2a24 rgb(11,42,36)
```
#0f3a32
```
#0f3a32 rgb(15,58,50)
```
#13493f
```
#13493f rgb(19,73,63)
```
#17594d
```
#17594d rgb(23,89,77)
```
#1b695a
```
#1b695a rgb(27,105,90)
```
#1f7868
```
#1f7868 rgb(31,120,104)
```
#238875
```
#238875 rgb(35,136,117)
```
#269883
```
#269883 rgb(38,152,131)
```
#2aa790
```
#2aa790 rgb(42,167,144)
```
#2eb79e
```
#2eb79e rgb(46,183,158)
```
#32c7ab
```
#32c7ab rgb(50,199,171)
```

Shade Color Variation

#3eceb3
```
#3eceb3 rgb(62,206,179)
```
#4ed2ba
```
#4ed2ba rgb(78,210,186)
```
#5ed6c0
```
#5ed6c0 rgb(94,214,192)
```
#6ddac6
```
#6ddac6 rgb(109,218,198)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#8de2d2
```
#8de2d2 rgb(141,226,210)
```
#9ce6d8
```
#9ce6d8 rgb(156,230,216)
```
#aceade
```
#aceade rgb(172,234,222)
```
#bceee5
```
#bceee5 rgb(188,238,229)
```
#cbf2eb
```
#cbf2eb rgb(203,242,235)
```
#dbf6f1
```
#dbf6f1 rgb(219,246,241)
```
#ebfaf7
```
#ebfaf7 rgb(235,250,247)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#a9b2b0
```
#a9b2b0 rgb(169,178,176)
```
#a3b8b4
```
#a3b8b4 rgb(163,184,180)
```
#9cbfb8
```
#9cbfb8 rgb(156,191,184)
```
#96c5bc
```
#96c5bc rgb(150,197,188)
```
#90cbc0
```
#90cbc0 rgb(144,203,192)
```
#8ad1c4
```
#8ad1c4 rgb(138,209,196)
```
#83d8c8
```
#83d8c8 rgb(131,216,200)
```
#7ddecc
```
#7ddecc rgb(125,222,204)
```
#77e4d0
```
#77e4d0 rgb(119,228,208)
```
#70ebd4
```
#70ebd4 rgb(112,235,212)
```
#6af1d8
```
#6af1d8 rgb(106,241,216)
```
#64f7dc
```
#64f7dc rgb(100,247,220)
```
#5efde0
```
#5efde0 rgb(94,253,224)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b2c5c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5cec5 Protanopia 1% of men
#dfc9d6 Deuteranopia 1% of men
#8ddbeb Tritanopia 0.001% of the population

Trichromacy

#b5d4c8 Protanomaly 1% of men, 0.01% of women
#bbd1d2 Deuteranomaly 6% of men, 0.4% of women
#87dcdf Tritanomaly 0.01% of the population

#7ddecc hex color

#7ddecc Color Information

#7ddecc Color Conversion

Color Schemes with #7ddecc

Alternatives to #7ddecc

#7ddecc Preview

Shades and Tints of #7ddecc

Tones of #7ddecc

Color Blindness Simulator