#7dd4bb hex color

In a RGB color space, hex #7dd4bb is composed of 49% red, 83.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 0% magenta, 11.8% yellow and 16.9% black. It has a hue angle of 162.8 degrees, a saturation of 50.3% and a lightness of 66.1%. #7dd4bb color hex could be obtained by blending #faffff with #00a977. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 83
- B 73
RGB color chart
- C 41
- M 0
- Y 12
- K 17
CMYK color chart

● #7dd4bb color description : Slightly desaturated cyan - lime green.

The hexadecimal color #7dd4bb has RGB values of R:125, G:212, B:187 and CMYK values of C:0.41, M:0, Y:0.12, K:0.17. Its decimal value is 8246459.

Hex triplet	7dd4bb	`#7dd4bb`
RGB Decimal	125, 212, 187	`rgb(125,212,187)`
RGB Percent	49, 83.1, 73.3	`rgb(49%,83.1%,73.3%)`
CMYK	41, 0, 12, 17
HSL	162.8°, 50.3, 66.1	`hsl(162.8,50.3%,66.1%)`
HSV (or HSB)	162.8°, 41, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.06, -32.049, 4.159
XYZ	40.968, 55.032, 55.475
xyY	0.27, 0.363, 55.032
CIE-LCH	79.06, 32.317, 172.607
CIE-LUV	79.06, -40.273, 11.501
Hunter-Lab	74.184, -31.246, 7.592
Binary	01111101, 11010100, 10111011

#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#d47d96
```
#d47d96 rgb(212,125,150)
```

Complementary Color

#7dd490
```
#7dd490 rgb(125,212,144)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#7dc2d4
```
#7dc2d4 rgb(125,194,212)
```

Analogous Color

#d4907d
```
#d4907d rgb(212,144,125)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#d47dc2
```
#d47dc2 rgb(212,125,194)
```

Split Complementary Color

#d4bb7d
```
#d4bb7d rgb(212,187,125)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#bb7dd4
```
#bb7dd4 rgb(187,125,212)
```

Triadic Color

#96d47d
```
#96d47d rgb(150,212,125)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#bb7dd4
```
#bb7dd4 rgb(187,125,212)
```
#d47d96
```
#d47d96 rgb(212,125,150)
```

Tetradic Color

#44c19d
```
#44c19d rgb(68,193,157)
```
#57c7a7
```
#57c7a7 rgb(87,199,167)
```
#6aceb1
```
#6aceb1 rgb(106,206,177)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#90dac5
```
#90dac5 rgb(144,218,197)
```
#a3e1cf
```
#a3e1cf rgb(163,225,207)
```
#b6e7d9
```
#b6e7d9 rgb(182,231,217)
```

Monochromatic Color

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

#7dd4a5
```
#7dd4a5 rgb(125,212,165)
```
#7dd4ad
```
#7dd4ad rgb(125,212,173)
```
#7dd4b4
```
#7dd4b4 rgb(125,212,180)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#7dd4c2
```
#7dd4c2 rgb(125,212,194)
```
#7dd4ca
```
#7dd4ca rgb(125,212,202)
```
#7dd4d1
```
#7dd4d1 rgb(125,212,209)
```

Similar Colors

Text with hexadecimal color #7dd4bb

This text has a font color of #7dd4bb.

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

#7dd4bb background color

This paragraph has a background color of #7dd4bb.

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

#7dd4bb border color

This element has a border color of #7dd4bb.

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

CSS codes

.text {color:#7dd4bb;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06110e
```
#06110e rgb(6,17,14)
```
#0b201a
```
#0b201a rgb(11,32,26)
```
#102f26
```
#102f26 rgb(16,47,38)
```
#143e32
```
#143e32 rgb(20,62,50)
```
#194c3e
```
#194c3e rgb(25,76,62)
```
#1e5b4a
```
#1e5b4a rgb(30,91,74)
```
#236a55
```
#236a55 rgb(35,106,85)
```
#287961
```
#287961 rgb(40,121,97)
```
#2d876d
```
#2d876d rgb(45,135,109)
```
#329679
```
#329679 rgb(50,150,121)
```
#37a585
```
#37a585 rgb(55,165,133)
```
#3bb491
```
#3bb491 rgb(59,180,145)
```

Shade Color Variation

#42c09c
```
#42c09c rgb(66,192,156)
```
#51c5a4
```
#51c5a4 rgb(81,197,164)
```
#60caac
```
#60caac rgb(96,202,172)
```
#6ecfb3
```
#6ecfb3 rgb(110,207,179)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#8cd9c3
```
#8cd9c3 rgb(140,217,195)
```
#9adeca
```
#9adeca rgb(154,222,202)
```
#a9e3d2
```
#a9e3d2 rgb(169,227,210)
```
#b8e8da
```
#b8e8da rgb(184,232,218)
```
#c7ece2
```
#c7ece2 rgb(199,236,226)
```
#d5f1e9
```
#d5f1e9 rgb(213,241,233)
```
#e4f6f1
```
#e4f6f1 rgb(228,246,241)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

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

#a5acaa
```
#a5acaa rgb(165,172,170)
```
#9eb3ad
```
#9eb3ad rgb(158,179,173)
```
#98b9b0
```
#98b9b0 rgb(152,185,176)
```
#91c0b3
```
#91c0b3 rgb(145,192,179)
```
#8ac7b5
```
#8ac7b5 rgb(138,199,181)
```
#84cdb8
```
#84cdb8 rgb(132,205,184)
```
#7dd4bb
```
#7dd4bb rgb(125,212,187)
```
#76dbbe
```
#76dbbe rgb(118,219,190)
```
#70e1c1
```
#70e1c1 rgb(112,225,193)
```
#69e8c3
```
#69e8c3 rgb(105,232,195)
```
#62efc6
```
#62efc6 rgb(98,239,198)
```
#5cf5c9
```
#5cf5c9 rgb(92,245,201)
```
#55fccc
```
#55fccc rgb(85,252,204)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#abbdb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec6b6 Protanopia 1% of men
#d9c0c5 Deuteranopia 1% of men
#8ed1e0 Tritanopia 0.001% of the population

Trichromacy

#b0cbb8 Protanomaly 1% of men, 0.01% of women
#b7c7c1 Deuteranomaly 6% of men, 0.4% of women
#88d2d2 Tritanomaly 0.01% of the population

#7dd4bb hex color

#7dd4bb Color Information

#7dd4bb Color Conversion

Color Schemes with #7dd4bb

Alternatives to #7dd4bb

#7dd4bb Preview

Shades and Tints of #7dd4bb

Tones of #7dd4bb

Color Blindness Simulator