#7ec1da hex color

In a RGB color space, hex #7ec1da is composed of 49.4% red, 75.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 11.5% magenta, 0% yellow and 14.5% black. It has a hue angle of 196.3 degrees, a saturation of 55.4% and a lightness of 67.5%. #7ec1da color hex could be obtained by blending #fcffff with #0083b5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 76
- B 85
RGB color chart
- C 42
- M 11
- Y 0
- K 15
CMYK color chart

● #7ec1da color description : Very soft blue.

The hexadecimal color #7ec1da has RGB values of R:126, G:193, B:218 and CMYK values of C:0.42, M:0.11, Y:0, K:0.15. Its decimal value is 8307162.

Hex triplet	7ec1da	`#7ec1da`
RGB Decimal	126, 193, 218	`rgb(126,193,218)`
RGB Percent	49.4, 75.7, 85.5	`rgb(49.4%,75.7%,85.5%)`
CMYK	42, 11, 0, 15
HSL	196.3°, 55.4, 67.5	`hsl(196.3,55.4%,67.5%)`
HSV (or HSB)	196.3°, 42.2, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.594, -14.784, -19.164
XYZ	40.326, 47.635, 73.395
xyY	0.25, 0.295, 47.635
CIE-LCH	74.594, 24.204, 232.352
CIE-LUV	74.594, -31.427, -27.777
Hunter-Lab	69.018, -16.489, -14.737
Binary	01111110, 11000001, 11011010

#7ec1da
```
#7ec1da rgb(126,193,218)
```
#da977e
```
#da977e rgb(218,151,126)
```

Complementary Color

#7edac5
```
#7edac5 rgb(126,218,197)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#7e93da
```
#7e93da rgb(126,147,218)
```

Analogous Color

#dac57e
```
#dac57e rgb(218,197,126)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#da7e93
```
#da7e93 rgb(218,126,147)
```

Split Complementary Color

#c1da7e
```
#c1da7e rgb(193,218,126)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#da7ec1
```
#da7ec1 rgb(218,126,193)
```

Triadic Color

#7eda97
```
#7eda97 rgb(126,218,151)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#da7ec1
```
#da7ec1 rgb(218,126,193)
```
#da977e
```
#da977e rgb(218,151,126)
```

Tetradic Color

#43a4c9
```
#43a4c9 rgb(67,164,201)
```
#56aecf
```
#56aecf rgb(86,174,207)
```
#6ab7d4
```
#6ab7d4 rgb(106,183,212)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#92cbe0
```
#92cbe0 rgb(146,203,224)
```
#a6d4e5
```
#a6d4e5 rgb(166,212,229)
```
#b9deeb
```
#b9deeb rgb(185,222,235)
```

Monochromatic Color

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

#7ed8da
```
#7ed8da rgb(126,216,218)
```
#7ed0da
```
#7ed0da rgb(126,208,218)
```
#7ec9da
```
#7ec9da rgb(126,201,218)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#7eb9da
```
#7eb9da rgb(126,185,218)
```
#7eb2da
```
#7eb2da rgb(126,178,218)
```
#7eaada
```
#7eaada rgb(126,170,218)
```

Similar Colors

Text with hexadecimal color #7ec1da

This text has a font color of #7ec1da.

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

#7ec1da background color

This paragraph has a background color of #7ec1da.

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

#7ec1da border color

This element has a border color of #7ec1da.

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

CSS codes

.text {color:#7ec1da;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#071317
```
#071317 rgb(7,19,23)
```
#0b1f27
```
#0b1f27 rgb(11,31,39)
```
#0f2b36
```
#0f2b36 rgb(15,43,54)
```
#143845
```
#143845 rgb(20,56,69)
```
#184454
```
#184454 rgb(24,68,84)
```
#1d5064
```
#1d5064 rgb(29,80,100)
```
#215d73
```
#215d73 rgb(33,93,115)
```
#256982
```
#256982 rgb(37,105,130)
```
#2a7591
```
#2a7591 rgb(42,117,145)
```
#2e81a1
```
#2e81a1 rgb(46,129,161)
```
#328eb0
```
#328eb0 rgb(50,142,176)
```
#379abf
```
#379abf rgb(55,154,191)
```

Shade Color Variation

#41a4c9
```
#41a4c9 rgb(65,164,201)
```
#50abcd
```
#50abcd rgb(80,171,205)
```
#60b2d1
```
#60b2d1 rgb(96,178,209)
```
#6fbad6
```
#6fbad6 rgb(111,186,214)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#8dc8de
```
#8dc8de rgb(141,200,222)
```
#9cd0e3
```
#9cd0e3 rgb(156,208,227)
```
#acd7e7
```
#acd7e7 rgb(172,215,231)
```
#bbdeeb
```
#bbdeeb rgb(187,222,235)
```
#cae6f0
```
#cae6f0 rgb(202,230,240)
```
#d9edf4
```
#d9edf4 rgb(217,237,244)
```
#e9f4f9
```
#e9f4f9 rgb(233,244,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#abadad
```
#abadad rgb(171,173,173)
```
#a4b0b4
```
#a4b0b4 rgb(164,176,180)
```
#9eb2ba
```
#9eb2ba rgb(158,178,186)
```
#98b5c0
```
#98b5c0 rgb(152,181,192)
```
#91b8c7
```
#91b8c7 rgb(145,184,199)
```
#8bbbcd
```
#8bbbcd rgb(139,187,205)
```
#84bed4
```
#84bed4 rgb(132,190,212)
```
#7ec1da
```
#7ec1da rgb(126,193,218)
```
#78c4e0
```
#78c4e0 rgb(120,196,224)
```
#71c7e7
```
#71c7e7 rgb(113,199,231)
```
#6bcaed
```
#6bcaed rgb(107,202,237)
```
#64cdf4
```
#64cdf4 rgb(100,205,244)
```
#5ed0fa
```
#5ed0fa rgb(94,208,250)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a6b3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b9d5 Protanopia 1% of men
#b8b7e0 Deuteranopia 1% of men
#81c5d3 Tritanopia 0.001% of the population

Trichromacy

#a1bcd7 Protanomaly 1% of men, 0.01% of women
#a3bade Deuteranomaly 6% of men, 0.4% of women
#80c3d6 Tritanomaly 0.01% of the population

#7ec1da hex color

#7ec1da Color Information

#7ec1da Color Conversion

Color Schemes with #7ec1da

Alternatives to #7ec1da

#7ec1da Preview

Shades and Tints of #7ec1da

Tones of #7ec1da

Color Blindness Simulator