#7ecefd hex color

In a RGB color space, hex #7ecefd is composed of 49.4% red, 80.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 18.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 202.2 degrees, a saturation of 96.9% and a lightness of 74.3%. #7ecefd color hex could be obtained by blending #fcffff with #009dfb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 81
- B 99
RGB color chart
- C 50
- M 19
- Y 0
- K 1
CMYK color chart

● #7ecefd color description : Soft blue.

The hexadecimal color #7ecefd has RGB values of R:126, G:206, B:253 and CMYK values of C:0.5, M:0.19, Y:0, K:0.01. Its decimal value is 8310525.

Hex triplet	7ecefd	`#7ecefd`
RGB Decimal	126, 206, 253	`rgb(126,206,253)`
RGB Percent	49.4, 80.8, 99.2	`rgb(49.4%,80.8%,99.2%)`
CMYK	50, 19, 0, 1
HSL	202.2°, 96.9, 74.3	`hsl(202.2,96.9%,74.3%)`
HSV (or HSB)	202.2°, 50.2, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.424, -12.033, -30.603
XYZ	48.401, 55.667, 101.117
xyY	0.236, 0.271, 55.667
CIE-LCH	79.424, 32.884, 248.535
CIE-LUV	79.424, -35.833, -47.676
Hunter-Lab	74.61, -14.773, -28.127
Binary	01111110, 11001110, 11111101

#7ecefd
```
#7ecefd rgb(126,206,253)
```
#fdad7e
```
#fdad7e rgb(253,173,126)
```

Complementary Color

#7efded
```
#7efded rgb(126,253,237)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```
#7e8ffd
```
#7e8ffd rgb(126,143,253)
```

Analogous Color

#fded7e
```
#fded7e rgb(253,237,126)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```
#fd7e8f
```
#fd7e8f rgb(253,126,143)
```

Split Complementary Color

#cefd7e
```
#cefd7e rgb(206,253,126)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```
#fd7ece
```
#fd7ece rgb(253,126,206)
```

Triadic Color

#7efdad
```
#7efdad rgb(126,253,173)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```
#fd7ece
```
#fd7ece rgb(253,126,206)
```
#fdad7e
```
#fdad7e rgb(253,173,126)
```

Tetradic Color

#33b1fc
```
#33b1fc rgb(51,177,252)
```
#4cbbfc
```
#4cbbfc rgb(76,187,252)
```
#65c4fd
```
#65c4fd rgb(101,196,253)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```
#97d8fd
```
#97d8fd rgb(151,216,253)
```
#b0e1fe
```
#b0e1fe rgb(176,225,254)
```
#c9ebfe
```
#c9ebfe rgb(201,235,254)
```

Monochromatic Color

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

#7eeefd
```
#7eeefd rgb(126,238,253)
```
#7ee3fd
```
#7ee3fd rgb(126,227,253)
```
#7ed9fd
```
#7ed9fd rgb(126,217,253)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```
#7ec3fd
```
#7ec3fd rgb(126,195,253)
```
#7eb9fd
```
#7eb9fd rgb(126,185,253)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```

Similar Colors

Text with hexadecimal color #7ecefd

This text has a font color of #7ecefd.

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

#7ecefd background color

This paragraph has a background color of #7ecefd.

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

#7ecefd border color

This element has a border color of #7ecefd.

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

CSS codes

.text {color:#7ecefd;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#00101a
```
#00101a rgb(0,16,26)
```
#011d2d
```
#011d2d rgb(1,29,45)
```
#012940
```
#012940 rgb(1,41,64)
```
#013553
```
#013553 rgb(1,53,83)
```
#024167
```
#024167 rgb(2,65,103)
```
#024e7a
```
#024e7a rgb(2,78,122)
```
#025a8d
```
#025a8d rgb(2,90,141)
```
#0266a1
```
#0266a1 rgb(2,102,161)
```
#0372b4
```
#0372b4 rgb(3,114,180)
```
#037fc7
```
#037fc7 rgb(3,127,199)
```
#038bdb
```
#038bdb rgb(3,139,219)
```
#0497ee
```
#0497ee rgb(4,151,238)
```

Shade Color Variation

#0aa2fb
```
#0aa2fb rgb(10,162,251)
```
#1da9fc
```
#1da9fc rgb(29,169,252)
```
#31b1fc
```
#31b1fc rgb(49,177,252)
```
#44b8fc
```
#44b8fc rgb(68,184,252)
```
#57bffc
```
#57bffc rgb(87,191,252)
```
#6bc7fd
```
#6bc7fd rgb(107,199,253)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```
#91d5fd
```
#91d5fd rgb(145,213,253)
```
#a5ddfe
```
#a5ddfe rgb(165,221,254)
```
#b8e4fe
```
#b8e4fe rgb(184,228,254)
```
#cbebfe
```
#cbebfe rgb(203,235,254)
```
#dff3fe
```
#dff3fe rgb(223,243,254)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#babec1
```
#babec1 rgb(186,190,193)
```
#b5c0c6
```
#b5c0c6 rgb(181,192,198)
```
#b0c1cb
```
#b0c1cb rgb(176,193,203)
```
#abc2d0
```
#abc2d0 rgb(171,194,208)
```
#a6c4d5
```
#a6c4d5 rgb(166,196,213)
```
#a1c5da
```
#a1c5da rgb(161,197,218)
```
#9cc6df
```
#9cc6df rgb(156,198,223)
```
#97c7e4
```
#97c7e4 rgb(151,199,228)
```
#92c9e9
```
#92c9e9 rgb(146,201,233)
```
#8dcaee
```
#8dcaee rgb(141,202,238)
```
#88cbf3
```
#88cbf3 rgb(136,203,243)
```
#83cdf8
```
#83cdf8 rgb(131,205,248)
```
#7ecefd
```
#7ecefd rgb(126,206,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#afbfc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc5f6 Protanopia 1% of men
#b9c5ff Deuteranopia 1% of men
#7ad5e4 Tritanopia 0.001% of the population

Trichromacy

#a4c8f8 Protanomaly 1% of men, 0.01% of women
#a3c8fe Deuteranomaly 6% of men, 0.4% of women
#7bd2ed Tritanomaly 0.01% of the population

#7ecefd hex color

#7ecefd Color Information

#7ecefd Color Conversion

Color Schemes with #7ecefd

Alternatives to #7ecefd

#7ecefd Preview

Shades and Tints of #7ecefd

Tones of #7ecefd

Color Blindness Simulator