#7dd8e3 hex color

In a RGB color space, hex #7dd8e3 is composed of 49% red, 84.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 4.8% magenta, 0% yellow and 11% black. It has a hue angle of 186.5 degrees, a saturation of 64.6% and a lightness of 69%. #7dd8e3 color hex could be obtained by blending #faffff with #00b1c7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 85
- B 89
RGB color chart
- C 45
- M 5
- Y 0
- K 11
CMYK color chart

● #7dd8e3 color description : Very soft cyan.

The hexadecimal color #7dd8e3 has RGB values of R:125, G:216, B:227 and CMYK values of C:0.45, M:0.05, Y:0, K:0.11. Its decimal value is 8247523.

Hex triplet	7dd8e3	`#7dd8e3`
RGB Decimal	125, 216, 227	`rgb(125,216,227)`
RGB Percent	49, 84.7, 89	`rgb(49%,84.7%,89%)`
CMYK	45, 5, 0, 11
HSL	186.5°, 64.6, 69	`hsl(186.5,64.6%,69%)`
HSV (or HSB)	186.5°, 44.9, 89
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.3, -24.36, -13.9
XYZ	46.875, 59.015, 81.59
xyY	0.25, 0.315, 59.015
CIE-LCH	81.3, 28.046, 209.71
CIE-LUV	81.3, -40.711, -17.993
Hunter-Lab	76.821, -25.52, -9.196
Binary	01111101, 11011000, 11100011

#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#e3887d
```
#e3887d rgb(227,136,125)
```

Complementary Color

#7de3bb
```
#7de3bb rgb(125,227,187)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#7da5e3
```
#7da5e3 rgb(125,165,227)
```

Analogous Color

#e3bb7d
```
#e3bb7d rgb(227,187,125)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#e37da5
```
#e37da5 rgb(227,125,165)
```

Split Complementary Color

#d8e37d
```
#d8e37d rgb(216,227,125)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#e37dd8
```
#e37dd8 rgb(227,125,216)
```

Triadic Color

#7de388
```
#7de388 rgb(125,227,136)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#e37dd8
```
#e37dd8 rgb(227,125,216)
```
#e3887d
```
#e3887d rgb(227,136,125)
```

Tetradic Color

#3ec5d5
```
#3ec5d5 rgb(62,197,213)
```
#53cbda
```
#53cbda rgb(83,203,218)
```
#68d2de
```
#68d2de rgb(104,210,222)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#92dee8
```
#92dee8 rgb(146,222,232)
```
#a7e5ec
```
#a7e5ec rgb(167,229,236)
```
#bcebf1
```
#bcebf1 rgb(188,235,241)
```

Monochromatic Color

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

#7de3d5
```
#7de3d5 rgb(125,227,213)
```
#7de3dd
```
#7de3dd rgb(125,227,221)
```
#7de1e3
```
#7de1e3 rgb(125,225,227)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#7dd0e3
```
#7dd0e3 rgb(125,208,227)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#7dbfe3
```
#7dbfe3 rgb(125,191,227)
```

Similar Colors

Text with hexadecimal color #7dd8e3

This text has a font color of #7dd8e3.

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

#7dd8e3 background color

This paragraph has a background color of #7dd8e3.

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

#7dd8e3 border color

This element has a border color of #7dd8e3.

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

CSS codes

.text {color:#7dd8e3;}

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

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

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

#030e0f
```
#030e0f rgb(3,14,15)
```
#071d1f
```
#071d1f rgb(7,29,31)
```
#0a2c30
```
#0a2c30 rgb(10,44,48)
```
#0e3a40
```
#0e3a40 rgb(14,58,64)
```
#114950
```
#114950 rgb(17,73,80)
```
#155860
```
#155860 rgb(21,88,96)
```
#186770
```
#186770 rgb(24,103,112)
```
#1c7580
```
#1c7580 rgb(28,117,128)
```
#1f8490
```
#1f8490 rgb(31,132,144)
```
#2393a1
```
#2393a1 rgb(35,147,161)
```
#26a2b1
```
#26a2b1 rgb(38,162,177)
```
#2ab0c1
```
#2ab0c1 rgb(42,176,193)
```
#2dbfd1
```
#2dbfd1 rgb(45,191,209)
```

Shade Color Variation

#3cc5d5
```
#3cc5d5 rgb(60,197,213)
```
#4dc9d9
```
#4dc9d9 rgb(77,201,217)
```
#5dcedc
```
#5dcedc rgb(93,206,220)
```
#6dd3e0
```
#6dd3e0 rgb(109,211,224)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#8ddde6
```
#8ddde6 rgb(141,221,230)
```
#9de2ea
```
#9de2ea rgb(157,226,234)
```
#ade7ed
```
#ade7ed rgb(173,231,237)
```
#beebf1
```
#beebf1 rgb(190,235,241)
```
#cef0f4
```
#cef0f4 rgb(206,240,244)
```
#def5f8
```
#def5f8 rgb(222,245,248)
```
#eefafb
```
#eefafb rgb(238,250,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#aeb2b2
```
#aeb2b2 rgb(174,178,178)
```
#a8b7b8
```
#a8b7b8 rgb(168,183,184)
```
#a1bbbf
```
#a1bbbf rgb(161,187,191)
```
#9bc0c5
```
#9bc0c5 rgb(155,192,197)
```
#95c5cb
```
#95c5cb rgb(149,197,203)
```
#8fcad1
```
#8fcad1 rgb(143,202,209)
```
#89ced7
```
#89ced7 rgb(137,206,215)
```
#83d3dd
```
#83d3dd rgb(131,211,221)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#77dde9
```
#77dde9 rgb(119,221,233)
```
#71e2ef
```
#71e2ef rgb(113,226,239)
```
#6be6f5
```
#6be6f5 rgb(107,230,245)
```
#65ebfb
```
#65ebfb rgb(101,235,251)
```

Tone Color Variation

Below, you can see how #7dd8e3 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
#b1c3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcbdc Protanopia 1% of men
#d0c8ea Deuteranopia 1% of men
#85d9e9 Tritanopia 0.001% of the population

Trichromacy

#aed0de Protanomaly 1% of men, 0.01% of women
#b2cde8 Deuteranomaly 6% of men, 0.4% of women
#82d8e6 Tritanomaly 0.01% of the population

#7dd8e3 hex color

#7dd8e3 Color Information

#7dd8e3 Color Conversion

Color Schemes with #7dd8e3

Alternatives to #7dd8e3

#7dd8e3 Preview

Shades and Tints of #7dd8e3

Tones of #7dd8e3

Color Blindness Simulator