#7ecdf0 hex color

In a RGB color space, hex #7ecdf0 is composed of 49.4% red, 80.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 14.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 198.4 degrees, a saturation of 79.2% and a lightness of 71.8%. #7ecdf0 color hex could be obtained by blending #fcffff with #009be1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 80
- B 94
RGB color chart
- C 48
- M 15
- Y 0
- K 6
CMYK color chart

● #7ecdf0 color description : Soft blue.

The hexadecimal color #7ecdf0 has RGB values of R:126, G:205, B:240 and CMYK values of C:0.48, M:0.15, Y:0, K:0.06. Its decimal value is 8310256.

Hex triplet	7ecdf0	`#7ecdf0`
RGB Decimal	126, 205, 240	`rgb(126,205,240)`
RGB Percent	49.4, 80.4, 94.1	`rgb(49.4%,80.4%,94.1%)`
CMYK	48, 15, 0, 6
HSL	198.4°, 79.2, 71.8	`hsl(198.4,79.2%,71.8%)`
HSV (or HSB)	198.4°, 47.5, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.687, -15.115, -24.79
XYZ	46.16, 54.387, 90.499
xyY	0.242, 0.285, 54.387
CIE-LCH	78.687, 29.035, 238.628
CIE-LUV	78.687, -35.742, -37.325
Hunter-Lab	73.747, -17.332, -21.134
Binary	01111110, 11001101, 11110000

#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#f0a17e
```
#f0a17e rgb(240,161,126)
```

Complementary Color

#7ef0da
```
#7ef0da rgb(126,240,218)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#7e94f0
```
#7e94f0 rgb(126,148,240)
```

Analogous Color

#f0da7e
```
#f0da7e rgb(240,218,126)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#f07e94
```
#f07e94 rgb(240,126,148)
```

Split Complementary Color

#cdf07e
```
#cdf07e rgb(205,240,126)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#f07ecd
```
#f07ecd rgb(240,126,205)
```

Triadic Color

#7ef0a1
```
#7ef0a1 rgb(126,240,161)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#f07ecd
```
#f07ecd rgb(240,126,205)
```
#f0a17e
```
#f0a17e rgb(240,161,126)
```

Tetradic Color

#39b2e8
```
#39b2e8 rgb(57,178,232)
```
#50bbeb
```
#50bbeb rgb(80,187,235)
```
#67c4ed
```
#67c4ed rgb(103,196,237)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#95d6f3
```
#95d6f3 rgb(149,214,243)
```
#acdff5
```
#acdff5 rgb(172,223,245)
```
#c3e8f8
```
#c3e8f8 rgb(195,232,248)
```

Monochromatic Color

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

#7eeaf0
```
#7eeaf0 rgb(126,234,240)
```
#7ee0f0
```
#7ee0f0 rgb(126,224,240)
```
#7ed7f0
```
#7ed7f0 rgb(126,215,240)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#7ec4f0
```
#7ec4f0 rgb(126,196,240)
```
#7ebaf0
```
#7ebaf0 rgb(126,186,240)
```
#7eb1f0
```
#7eb1f0 rgb(126,177,240)
```

Similar Colors

Text with hexadecimal color #7ecdf0

This text has a font color of #7ecdf0.

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

#7ecdf0 background color

This paragraph has a background color of #7ecdf0.

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

#7ecdf0 border color

This element has a border color of #7ecdf0.

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

CSS codes

.text {color:#7ecdf0;}

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

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

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, #01080c is the darkest color, while #f9fdfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03151d
```
#03151d rgb(3,21,29)
```
#05222f
```
#05222f rgb(5,34,47)
```
#072f40
```
#072f40 rgb(7,47,64)
```
#0a3c52
```
#0a3c52 rgb(10,60,82)
```
#0c4863
```
#0c4863 rgb(12,72,99)
```
#0e5575
```
#0e5575 rgb(14,85,117)
```
#106287
```
#106287 rgb(16,98,135)
```
#126f98
```
#126f98 rgb(18,111,152)
```
#147caa
```
#147caa rgb(20,124,170)
```
#1688bb
```
#1688bb rgb(22,136,187)
```
#1895cd
```
#1895cd rgb(24,149,205)
```
#1aa2de
```
#1aa2de rgb(26,162,222)
```

Shade Color Variation

#26abe6
```
#26abe6 rgb(38,171,230)
```
#38b2e8
```
#38b2e8 rgb(56,178,232)
```
#49b9ea
```
#49b9ea rgb(73,185,234)
```
#5bbfec
```
#5bbfec rgb(91,191,236)
```
#6cc6ee
```
#6cc6ee rgb(108,198,238)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#90d4f2
```
#90d4f2 rgb(144,212,242)
```
#a1dbf4
```
#a1dbf4 rgb(161,219,244)
```
#b3e1f6
```
#b3e1f6 rgb(179,225,246)
```
#c4e8f8
```
#c4e8f8 rgb(196,232,248)
```
#d6effa
```
#d6effa rgb(214,239,250)
```
#e7f6fc
```
#e7f6fc rgb(231,246,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#b5b8b9
```
#b5b8b9 rgb(181,184,185)
```
#b0babe
```
#b0babe rgb(176,186,190)
```
#aabcc4
```
#aabcc4 rgb(170,188,196)
```
#a5bec9
```
#a5bec9 rgb(165,190,201)
```
#9fc0cf
```
#9fc0cf rgb(159,192,207)
```
#9ac2d4
```
#9ac2d4 rgb(154,194,212)
```
#94c4da
```
#94c4da rgb(148,196,218)
```
#8fc7df
```
#8fc7df rgb(143,199,223)
```
#89c9e5
```
#89c9e5 rgb(137,201,229)
```
#84cbea
```
#84cbea rgb(132,203,234)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#78cff6
```
#78cff6 rgb(120,207,246)
```
#73d1fb
```
#73d1fb rgb(115,209,251)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#adbdc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc4e9 Protanopia 1% of men
#bdc2f5 Deuteranopia 1% of men
#7ed2e1 Tritanopia 0.001% of the population

Trichromacy

#a6c7eb Protanomaly 1% of men, 0.01% of women
#a6c6f3 Deuteranomaly 6% of men, 0.4% of women
#7ed0e6 Tritanomaly 0.01% of the population

#7ecdf0 hex color

#7ecdf0 Color Information

#7ecdf0 Color Conversion

Color Schemes with #7ecdf0

Alternatives to #7ecdf0

#7ecdf0 Preview

Shades and Tints of #7ecdf0

Tones of #7ecdf0

Color Blindness Simulator