#7dd3ea hex color

In a RGB color space, hex #7dd3ea is composed of 49% red, 82.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 9.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 192.7 degrees, a saturation of 72.2% and a lightness of 70.4%. #7dd3ea color hex could be obtained by blending #faffff with #00a7d5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 83
- B 92
RGB color chart
- C 47
- M 10
- Y 0
- K 8
CMYK color chart

● #7dd3ea color description : Soft cyan.

The hexadecimal color #7dd3ea has RGB values of R:125, G:211, B:234 and CMYK values of C:0.47, M:0.1, Y:0, K:0.08. Its decimal value is 8246250.

Hex triplet	7dd3ea	`#7dd3ea`
RGB Decimal	125, 211, 234	`rgb(125,211,234)`
RGB Percent	49, 82.7, 91.8	`rgb(49%,82.7%,91.8%)`
CMYK	47, 10, 0, 8
HSL	192.7°, 72.2, 70.4	`hsl(192.7,72.2%,70.4%)`
HSV (or HSB)	192.7°, 46.6, 91.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.116, -20.031, -19.417
XYZ	46.599, 56.886, 86.362
xyY	0.245, 0.3, 56.886
CIE-LCH	80.116, 27.897, 224.108
CIE-LUV	80.116, -38.548, -27.692
Hunter-Lab	75.423, -21.706, -15.093
Binary	01111101, 11010011, 11101010

#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#ea947d
```
#ea947d rgb(234,148,125)
```

Complementary Color

#7deacb
```
#7deacb rgb(125,234,203)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#7d9dea
```
#7d9dea rgb(125,157,234)
```

Analogous Color

#eacb7d
```
#eacb7d rgb(234,203,125)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#ea7d9d
```
#ea7d9d rgb(234,125,157)
```

Split Complementary Color

#d3ea7d
```
#d3ea7d rgb(211,234,125)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#ea7dd3
```
#ea7dd3 rgb(234,125,211)
```

Triadic Color

#7dea94
```
#7dea94 rgb(125,234,148)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#ea7dd3
```
#ea7dd3 rgb(234,125,211)
```
#ea947d
```
#ea947d rgb(234,148,125)
```

Tetradic Color

#3bbddf
```
#3bbddf rgb(59,189,223)
```
#51c4e3
```
#51c4e3 rgb(81,196,227)
```
#67cce6
```
#67cce6 rgb(103,204,230)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#93daee
```
#93daee rgb(147,218,238)
```
#a9e2f1
```
#a9e2f1 rgb(169,226,241)
```
#bfe9f5
```
#bfe9f5 rgb(191,233,245)
```

Monochromatic Color

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

#7deae6
```
#7deae6 rgb(125,234,230)
```
#7de5ea
```
#7de5ea rgb(125,229,234)
```
#7ddcea
```
#7ddcea rgb(125,220,234)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#7dcaea
```
#7dcaea rgb(125,202,234)
```
#7dc1ea
```
#7dc1ea rgb(125,193,234)
```
#7db8ea
```
#7db8ea rgb(125,184,234)
```

Similar Colors

Text with hexadecimal color #7dd3ea

This text has a font color of #7dd3ea.

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

#7dd3ea background color

This paragraph has a background color of #7dd3ea.

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

#7dd3ea border color

This element has a border color of #7dd3ea.

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

CSS codes

.text {color:#7dd3ea;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041216
```
#041216 rgb(4,18,22)
```
#062027
```
#062027 rgb(6,32,39)
```
#092e38
```
#092e38 rgb(9,46,56)
```
#0c3c49
```
#0c3c49 rgb(12,60,73)
```
#0e4a5a
```
#0e4a5a rgb(14,74,90)
```
#11586a
```
#11586a rgb(17,88,106)
```
#14657b
```
#14657b rgb(20,101,123)
```
#17738c
```
#17738c rgb(23,115,140)
```
#19819d
```
#19819d rgb(25,129,157)
```
#1c8fae
```
#1c8fae rgb(28,143,174)
```
#1f9dbf
```
#1f9dbf rgb(31,157,191)
```
#22abd0
```
#22abd0 rgb(34,171,208)
```

Shade Color Variation

#29b6dc
```
#29b6dc rgb(41,182,220)
```
#39bcdf
```
#39bcdf rgb(57,188,223)
```
#4ac2e2
```
#4ac2e2 rgb(74,194,226)
```
#5bc8e5
```
#5bc8e5 rgb(91,200,229)
```
#6ccde7
```
#6ccde7 rgb(108,205,231)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#8ed9ed
```
#8ed9ed rgb(142,217,237)
```
#9fdeef
```
#9fdeef rgb(159,222,239)
```
#b0e4f2
```
#b0e4f2 rgb(176,228,242)
```
#c1eaf5
```
#c1eaf5 rgb(193,234,245)
```
#d1f0f8
```
#d1f0f8 rgb(209,240,248)
```
#e2f5fa
```
#e2f5fa rgb(226,245,250)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

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

#b1b5b6
```
#b1b5b6 rgb(177,181,182)
```
#abb8bc
```
#abb8bc rgb(171,184,188)
```
#a6bcc1
```
#a6bcc1 rgb(166,188,193)
```
#a0bfc7
```
#a0bfc7 rgb(160,191,199)
```
#9ac2cd
```
#9ac2cd rgb(154,194,205)
```
#94c6d3
```
#94c6d3 rgb(148,198,211)
```
#8ec9d9
```
#8ec9d9 rgb(142,201,217)
```
#89ccde
```
#89ccde rgb(137,204,222)
```
#83d0e4
```
#83d0e4 rgb(131,208,228)
```
#7dd3ea
```
#7dd3ea rgb(125,211,234)
```
#77d6f0
```
#77d6f0 rgb(119,214,240)
```
#71daf6
```
#71daf6 rgb(113,218,246)
```
#6cddfb
```
#6cddfb rgb(108,221,251)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#afc1c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c8e3 Protanopia 1% of men
#c7c5f0 Deuteranopia 1% of men
#81d6e5 Tritanopia 0.001% of the population

Trichromacy

#aacce5 Protanomaly 1% of men, 0.01% of women
#accaee Deuteranomaly 6% of men, 0.4% of women
#7fd5e7 Tritanomaly 0.01% of the population

#7dd3ea hex color

#7dd3ea Color Information

#7dd3ea Color Conversion

Color Schemes with #7dd3ea

Alternatives to #7dd3ea

#7dd3ea Preview

Shades and Tints of #7dd3ea

Tones of #7dd3ea

Color Blindness Simulator