#7ddfe4 hex color

In a RGB color space, hex #7ddfe4 is composed of 49% red, 87.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 2.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 182.9 degrees, a saturation of 65.6% and a lightness of 69.2%. #7ddfe4 color hex could be obtained by blending #faffff with #00bfc9. Closest websafe color is: #66cccc.

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

● #7ddfe4 color description : Soft cyan.

The hexadecimal color #7ddfe4 has RGB values of R:125, G:223, B:228 and CMYK values of C:0.45, M:0.02, Y:0, K:0.11. Its decimal value is 8249316.

Hex triplet	7ddfe4	`#7ddfe4`
RGB Decimal	125, 223, 228	`rgb(125,223,228)`
RGB Percent	49, 87.5, 89.4	`rgb(49%,87.5%,89.4%)`
CMYK	45, 2, 0, 11
HSL	182.9°, 65.6, 69.2	`hsl(182.9,65.6%,69.2%)`
HSV (or HSB)	182.9°, 45.2, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.302, -27.531, -11.437
XYZ	48.845, 62.734, 82.929
xyY	0.251, 0.323, 62.734
CIE-LCH	83.302, 29.812, 202.558
CIE-LUV	83.302, -43.428, -13.548
Hunter-Lab	79.205, -28.528, -6.635
Binary	01111101, 11011111, 11100100

#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#e4827d
```
#e4827d rgb(228,130,125)
```

Complementary Color

#7de4b6
```
#7de4b6 rgb(125,228,182)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#7dace4
```
#7dace4 rgb(125,172,228)
```

Analogous Color

#e4b67d
```
#e4b67d rgb(228,182,125)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#e47dac
```
#e47dac rgb(228,125,172)
```

Split Complementary Color

#dfe47d
```
#dfe47d rgb(223,228,125)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#e47ddf
```
#e47ddf rgb(228,125,223)
```

Triadic Color

#7de482
```
#7de482 rgb(125,228,130)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#e47ddf
```
#e47ddf rgb(228,125,223)
```
#e4827d
```
#e4827d rgb(228,130,125)
```

Tetradic Color

#3ecfd7
```
#3ecfd7 rgb(62,207,215)
```
#53d5db
```
#53d5db rgb(83,213,219)
```
#68dae0
```
#68dae0 rgb(104,218,224)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#92e4e8
```
#92e4e8 rgb(146,228,232)
```
#a7e9ed
```
#a7e9ed rgb(167,233,237)
```
#bceff1
```
#bceff1 rgb(188,239,241)
```

Monochromatic Color

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

#7de4cf
```
#7de4cf rgb(125,228,207)
```
#7de4d8
```
#7de4d8 rgb(125,228,216)
```
#7de4e0
```
#7de4e0 rgb(125,228,224)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#7dd6e4
```
#7dd6e4 rgb(125,214,228)
```
#7dcee4
```
#7dcee4 rgb(125,206,228)
```
#7dc5e4
```
#7dc5e4 rgb(125,197,228)
```

Similar Colors

Text with hexadecimal color #7ddfe4

This text has a font color of #7ddfe4.

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

#7ddfe4 background color

This paragraph has a background color of #7ddfe4.

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

#7ddfe4 border color

This element has a border color of #7ddfe4.

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

CSS codes

.text {color:#7ddfe4;}

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

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

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

#031010
```
#031010 rgb(3,16,16)
```
#071f20
```
#071f20 rgb(7,31,32)
```
#0a2f31
```
#0a2f31 rgb(10,47,49)
```
#0d3e41
```
#0d3e41 rgb(13,62,65)
```
#114e51
```
#114e51 rgb(17,78,81)
```
#145e61
```
#145e61 rgb(20,94,97)
```
#186d72
```
#186d72 rgb(24,109,114)
```
#1b7d82
```
#1b7d82 rgb(27,125,130)
```
#1e8c92
```
#1e8c92 rgb(30,140,146)
```
#229ca2
```
#229ca2 rgb(34,156,162)
```
#25acb3
```
#25acb3 rgb(37,172,179)
```
#28bbc3
```
#28bbc3 rgb(40,187,195)
```
#2ccbd3
```
#2ccbd3 rgb(44,203,211)
```

Shade Color Variation

#3ccfd7
```
#3ccfd7 rgb(60,207,215)
```
#4cd3da
```
#4cd3da rgb(76,211,218)
```
#5dd7dd
```
#5dd7dd rgb(93,215,221)
```
#6ddbe1
```
#6ddbe1 rgb(109,219,225)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#8de3e7
```
#8de3e7 rgb(141,227,231)
```
#9de7eb
```
#9de7eb rgb(157,231,235)
```
#aeebee
```
#aeebee rgb(174,235,238)
```
#beeff1
```
#beeff1 rgb(190,239,241)
```
#cef3f5
```
#cef3f5 rgb(206,243,245)
```
#def7f8
```
#def7f8 rgb(222,247,248)
```
#effbfc
```
#effbfc rgb(239,251,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#adb3b4
```
#adb3b4 rgb(173,179,180)
```
#a7b9ba
```
#a7b9ba rgb(167,185,186)
```
#a1bec0
```
#a1bec0 rgb(161,190,192)
```
#9bc4c6
```
#9bc4c6 rgb(155,196,198)
```
#95c9cc
```
#95c9cc rgb(149,201,204)
```
#8fcfd2
```
#8fcfd2 rgb(143,207,210)
```
#89d4d8
```
#89d4d8 rgb(137,212,216)
```
#83dade
```
#83dade rgb(131,218,222)
```
#7ddfe4
```
#7ddfe4 rgb(125,223,228)
```
#77e4ea
```
#77e4ea rgb(119,228,234)
```
#71eaf0
```
#71eaf0 rgb(113,234,240)
```
#6beff6
```
#6beff6 rgb(107,239,246)
```
#65f5fc
```
#65f5fc rgb(101,245,252)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b4c8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d0dc Protanopia 1% of men
#d8cdec Deuteranopia 1% of men
#87dfef Tritanopia 0.001% of the population

Trichromacy

#b3d5df Protanomaly 1% of men, 0.01% of women
#b7d3e9 Deuteranomaly 6% of men, 0.4% of women
#83dfeb Tritanomaly 0.01% of the population

#7ddfe4 hex color

#7ddfe4 Color Information

#7ddfe4 Color Conversion

Color Schemes with #7ddfe4

Alternatives to #7ddfe4

#7ddfe4 Preview

Shades and Tints of #7ddfe4

Tones of #7ddfe4

Color Blindness Simulator