colorhexa.com

#7ddbd4 hex color

In a RGB color space, hex #7ddbd4 is composed of 49% red, 85.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 0% magenta, 3.2% yellow and 14.1% black. It has a hue angle of 175.5 degrees, a saturation of 56.6% and a lightness of 67.5%. #7ddbd4 color hex could be obtained by blending #faffff with #00b7a9. Closest websafe color is: #66cccc.

- R 49
- G 86
- B 83
RGB color chart
- C 43
- M 0
- Y 3
- K 14
CMYK color chart

● #7ddbd4 color description : Very soft cyan.

The hexadecimal color #7ddbd4 has RGB values of R:125, G:219, B:212 and CMYK values of C:0.43, M:0, Y:0.03, K:0.14. Its decimal value is 8248276.

Hex triplet	7ddbd4	`#7ddbd4`
RGB Decimal	125, 219, 212	`rgb(125,219,212)`
RGB Percent	49, 85.9, 83.1	`rgb(49%,85.9%,83.1%)`
CMYK	43, 0, 3, 14
HSL	175.5°, 56.6, 67.5	`hsl(175.5,56.6%,67.5%)`
HSV (or HSB)	175.5°, 42.9, 85.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.715, -29.565, -5.295
XYZ	45.669, 59.774, 71.415
xyY	0.258, 0.338, 59.774
CIE-LCH	81.715, 30.036, 190.154
CIE-LUV	81.715, -42.37, -3.377
Hunter-Lab	77.313, -29.858, -0.647
Binary	01111101, 11011011, 11010100

#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#db7d84
```
#db7d84 rgb(219,125,132)
```

Complementary Color

#7ddba5
```
#7ddba5 rgb(125,219,165)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#7db3db
```
#7db3db rgb(125,179,219)
```

Analogous Color

#dba57d
```
#dba57d rgb(219,165,125)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#db7db3
```
#db7db3 rgb(219,125,179)
```

Split Complementary Color

#dbd47d
```
#dbd47d rgb(219,212,125)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#d47ddb
```
#d47ddb rgb(212,125,219)
```

Triadic Color

#84db7d
```
#84db7d rgb(132,219,125)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#d47ddb
```
#d47ddb rgb(212,125,219)
```
#db7d84
```
#db7d84 rgb(219,125,132)
```

Tetradic Color

#41cac0
```
#41cac0 rgb(65,202,192)
```
#55d0c7
```
#55d0c7 rgb(85,208,199)
```
#69d5cd
```
#69d5cd rgb(105,213,205)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#91e1db
```
#91e1db rgb(145,225,219)
```
#a5e6e1
```
#a5e6e1 rgb(165,230,225)
```
#b9ece8
```
#b9ece8 rgb(185,236,232)
```

Monochromatic Color

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

#7ddbbd
```
#7ddbbd rgb(125,219,189)
```
#7ddbc4
```
#7ddbc4 rgb(125,219,196)
```
#7ddbcc
```
#7ddbcc rgb(125,219,204)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#7ddadb
```
#7ddadb rgb(125,218,219)
```
#7dd2db
```
#7dd2db rgb(125,210,219)
```
#7dcbdb
```
#7dcbdb rgb(125,203,219)
```

Similar Colors

Text with hexadecimal color #7ddbd4

This text has a font color of #7ddbd4.

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

#7ddbd4 background color

This paragraph has a background color of #7ddbd4.

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

#7ddbd4 border color

This element has a border color of #7ddbd4.

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

CSS codes

.text {color:#7ddbd4;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#071816
```
#071816 rgb(7,24,22)
```
#0b2725
```
#0b2725 rgb(11,39,37)
```
#0f3633
```
#0f3633 rgb(15,54,51)
```
#134642
```
#134642 rgb(19,70,66)
```
#185550
```
#185550 rgb(24,85,80)
```
#1c645f
```
#1c645f rgb(28,100,95)
```
#20746e
```
#20746e rgb(32,116,110)
```
#24837c
```
#24837c rgb(36,131,124)
```
#29938b
```
#29938b rgb(41,147,139)
```
#2da299
```
#2da299 rgb(45,162,153)
```
#31b1a8
```
#31b1a8 rgb(49,177,168)
```
#35c1b6
```
#35c1b6 rgb(53,193,182)
```

Shade Color Variation

#40cac0
```
#40cac0 rgb(64,202,192)
```
#4fcec5
```
#4fcec5 rgb(79,206,197)
```
#5ed2ca
```
#5ed2ca rgb(94,210,202)
```
#6ed7cf
```
#6ed7cf rgb(110,215,207)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#8cdfd9
```
#8cdfd9 rgb(140,223,217)
```
#9ce4de
```
#9ce4de rgb(156,228,222)
```
#abe8e3
```
#abe8e3 rgb(171,232,227)
```
#baece8
```
#baece8 rgb(186,236,232)
```
#caf0ed
```
#caf0ed rgb(202,240,237)
```
#d9f5f2
```
#d9f5f2 rgb(217,245,242)
```
#e9f9f8
```
#e9f9f8 rgb(233,249,248)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#aaaeae
```
#aaaeae rgb(170,174,174)
```
#a3b5b3
```
#a3b5b3 rgb(163,181,179)
```
#9dbbb9
```
#9dbbb9 rgb(157,187,185)
```
#97c1be
```
#97c1be rgb(151,193,190)
```
#90c8c4
```
#90c8c4 rgb(144,200,196)
```
#8acec9
```
#8acec9 rgb(138,206,201)
```
#83d5cf
```
#83d5cf rgb(131,213,207)
```
#7ddbd4
```
#7ddbd4 rgb(125,219,212)
```
#77e1d9
```
#77e1d9 rgb(119,225,217)
```
#70e8df
```
#70e8df rgb(112,232,223)
```
#6aeee4
```
#6aeee4 rgb(106,238,228)
```
#63f5ea
```
#63f5ea rgb(99,245,234)
```
#5dfbef
```
#5dfbef rgb(93,251,239)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b1c4c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cccd Protanopia 1% of men
#d9c8dd Deuteranopia 1% of men
#8ad9e9 Tritanopia 0.001% of the population

Trichromacy

#b2d1cf Protanomaly 1% of men, 0.01% of women
#b7cfd9 Deuteranomaly 6% of men, 0.4% of women
#85dae1 Tritanomaly 0.01% of the population