#7ecbf2 hex color

In a RGB color space, hex #7ecbf2 is composed of 49.4% red, 79.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 16.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.2 degrees, a saturation of 81.7% and a lightness of 72.2%. #7ecbf2 color hex could be obtained by blending #fcffff with #0097e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 80
- B 95
RGB color chart
- C 48
- M 16
- Y 0
- K 5
CMYK color chart

● #7ecbf2 color description : Soft blue.

The hexadecimal color #7ecbf2 has RGB values of R:126, G:203, B:242 and CMYK values of C:0.48, M:0.16, Y:0, K:0.05. Its decimal value is 8309746.

Hex triplet	7ecbf2	`#7ecbf2`
RGB Decimal	126, 203, 242	`rgb(126,203,242)`
RGB Percent	49.4, 79.6, 94.9	`rgb(49.4%,79.6%,94.9%)`
CMYK	48, 16, 0, 5
HSL	200.2°, 81.7, 72.2	`hsl(200.2,81.7%,72.2%)`
HSV (or HSB)	200.2°, 47.9, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.202, -13.527, -26.601
XYZ	45.983, 53.556, 91.914
xyY	0.24, 0.28, 53.556
CIE-LCH	78.202, 29.843, 243.045
CIE-LUV	78.202, -34.924, -40.577
Hunter-Lab	73.182, -15.909, -23.239
Binary	01111110, 11001011, 11110010

#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#f2a57e
```
#f2a57e rgb(242,165,126)
```

Complementary Color

#7ef2df
```
#7ef2df rgb(126,242,223)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#7e91f2
```
#7e91f2 rgb(126,145,242)
```

Analogous Color

#f2df7e
```
#f2df7e rgb(242,223,126)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#f27e91
```
#f27e91 rgb(242,126,145)
```

Split Complementary Color

#cbf27e
```
#cbf27e rgb(203,242,126)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#f27ecb
```
#f27ecb rgb(242,126,203)
```

Triadic Color

#7ef2a5
```
#7ef2a5 rgb(126,242,165)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#f27ecb
```
#f27ecb rgb(242,126,203)
```
#f2a57e
```
#f2a57e rgb(242,165,126)
```

Tetradic Color

#39afeb
```
#39afeb rgb(57,175,235)
```
#50b8ed
```
#50b8ed rgb(80,184,237)
```
#67c2f0
```
#67c2f0 rgb(103,194,240)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#95d4f4
```
#95d4f4 rgb(149,212,244)
```
#acdef7
```
#acdef7 rgb(172,222,247)
```
#c3e7f9
```
#c3e7f9 rgb(195,231,249)
```

Monochromatic Color

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

#7ee8f2
```
#7ee8f2 rgb(126,232,242)
```
#7edef2
```
#7edef2 rgb(126,222,242)
```
#7ed5f2
```
#7ed5f2 rgb(126,213,242)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#7ec1f2
```
#7ec1f2 rgb(126,193,242)
```
#7eb8f2
```
#7eb8f2 rgb(126,184,242)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```

Similar Colors

Text with hexadecimal color #7ecbf2

This text has a font color of #7ecbf2.

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

#7ecbf2 background color

This paragraph has a background color of #7ecbf2.

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

#7ecbf2 border color

This element has a border color of #7ecbf2.

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

CSS codes

.text {color:#7ecbf2;}

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

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

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, #01090e is the darkest color, while #fbfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#03161f
```
#03161f rgb(3,22,31)
```
#052231
```
#052231 rgb(5,34,49)
```
#072f43
```
#072f43 rgb(7,47,67)
```
#093b55
```
#093b55 rgb(9,59,85)
```
#0a4867
```
#0a4867 rgb(10,72,103)
```
#0c5478
```
#0c5478 rgb(12,84,120)
```
#0e608a
```
#0e608a rgb(14,96,138)
```
#106d9c
```
#106d9c rgb(16,109,156)
```
#1279ae
```
#1279ae rgb(18,121,174)
```
#1386c0
```
#1386c0 rgb(19,134,192)
```
#1592d2
```
#1592d2 rgb(21,146,210)
```
#179fe3
```
#179fe3 rgb(23,159,227)
```

Shade Color Variation

#25a7e9
```
#25a7e9 rgb(37,167,233)
```
#37aeeb
```
#37aeeb rgb(55,174,235)
```
#49b5ed
```
#49b5ed rgb(73,181,237)
```
#5abdee
```
#5abdee rgb(90,189,238)
```
#6cc4f0
```
#6cc4f0 rgb(108,196,240)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#90d2f4
```
#90d2f4 rgb(144,210,244)
```
#a2d9f6
```
#a2d9f6 rgb(162,217,246)
```
#b3e1f7
```
#b3e1f7 rgb(179,225,247)
```
#c5e8f9
```
#c5e8f9 rgb(197,232,249)
```
#d7effb
```
#d7effb rgb(215,239,251)
```
#e9f6fd
```
#e9f6fd rgb(233,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#b5b9bb
```
#b5b9bb rgb(181,185,187)
```
#afbbc1
```
#afbbc1 rgb(175,187,193)
```
#aabdc6
```
#aabdc6 rgb(170,189,198)
```
#a4becc
```
#a4becc rgb(164,190,204)
```
#9fc0d1
```
#9fc0d1 rgb(159,192,209)
```
#99c2d7
```
#99c2d7 rgb(153,194,215)
```
#94c4dc
```
#94c4dc rgb(148,196,220)
```
#8ec6e2
```
#8ec6e2 rgb(142,198,226)
```
#89c7e7
```
#89c7e7 rgb(137,199,231)
```
#83c9ed
```
#83c9ed rgb(131,201,237)
```
#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#79cdf7
```
#79cdf7 rgb(121,205,247)
```
#73cffd
```
#73cffd rgb(115,207,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#acbcc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac2eb Protanopia 1% of men
#bac1f7 Deuteranopia 1% of men
#7dd1e0 Tritanopia 0.001% of the population

Trichromacy

#a4c5ee Protanomaly 1% of men, 0.01% of women
#a4c4f5 Deuteranomaly 6% of men, 0.4% of women
#7dcee6 Tritanomaly 0.01% of the population

#7ecbf2 hex color

#7ecbf2 Color Information

#7ecbf2 Color Conversion

Color Schemes with #7ecbf2

Alternatives to #7ecbf2

#7ecbf2 Preview

Shades and Tints of #7ecbf2

Tones of #7ecbf2

Color Blindness Simulator