colorhexa.com

#7ec7fc hex color

In a RGB color space, hex #7ec7fc is composed of 49.4% red, 78% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 21% magenta, 0% yellow and 1.2% black. It has a hue angle of 205.2 degrees, a saturation of 95.5% and a lightness of 74.1%. #7ec7fc color hex could be obtained by blending #fcffff with #008ff9. Closest websafe color is: #66ccff.

- R 49
- G 78
- B 99
RGB color chart
- C 50
- M 21
- Y 0
- K 1
CMYK color chart

● #7ec7fc color description : Soft blue.

The hexadecimal color #7ec7fc has RGB values of R:126, G:199, B:252 and CMYK values of C:0.5, M:0.21, Y:0, K:0.01. Its decimal value is 8308732.

Hex triplet	7ec7fc	`#7ec7fc`
RGB Decimal	126, 199, 252	`rgb(126,199,252)`
RGB Percent	49.4, 78, 98.8	`rgb(49.4%,78%,98.8%)`
CMYK	50, 21, 0, 1
HSL	205.2°, 95.5, 74.1	`hsl(205.2,95.5%,74.1%)`
HSV (or HSB)	205.2°, 50, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.465, -8.619, -33.086
XYZ	46.594, 52.308, 99.731
xyY	0.235, 0.263, 52.308
CIE-LCH	77.465, 34.19, 255.399
CIE-LUV	77.465, -33.197, -52.239
Hunter-Lab	72.324, -11.571, -31.131
Binary	01111110, 11000111, 11111100

#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#fcb37e
```
#fcb37e rgb(252,179,126)
```

Complementary Color

#7efcf2
```
#7efcf2 rgb(126,252,242)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#7e88fc
```
#7e88fc rgb(126,136,252)
```

Analogous Color

#fcf27e
```
#fcf27e rgb(252,242,126)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#fc7e88
```
#fc7e88 rgb(252,126,136)
```

Split Complementary Color

#c7fc7e
```
#c7fc7e rgb(199,252,126)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#fc7ec7
```
#fc7ec7 rgb(252,126,199)
```

Triadic Color

#7efcb3
```
#7efcb3 rgb(126,252,179)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#fc7ec7
```
#fc7ec7 rgb(252,126,199)
```
#fcb37e
```
#fcb37e rgb(252,179,126)
```

Tetradic Color

#33a7fa
```
#33a7fa rgb(51,167,250)
```
#4cb1fb
```
#4cb1fb rgb(76,177,251)
```
#65bcfb
```
#65bcfb rgb(101,188,251)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#97d2fd
```
#97d2fd rgb(151,210,253)
```
#b0ddfd
```
#b0ddfd rgb(176,221,253)
```
#c9e7fe
```
#c9e7fe rgb(201,231,254)
```

Monochromatic Color

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

#7ee7fc
```
#7ee7fc rgb(126,231,252)
```
#7edcfc
```
#7edcfc rgb(126,220,252)
```
#7ed2fc
```
#7ed2fc rgb(126,210,252)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#7ebdfc
```
#7ebdfc rgb(126,189,252)
```
#7eb2fc
```
#7eb2fc rgb(126,178,252)
```
#7ea8fc
```
#7ea8fc rgb(126,168,252)
```

Similar Colors

Text with hexadecimal color #7ec7fc

This text has a font color of #7ec7fc.

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

#7ec7fc background color

This paragraph has a background color of #7ec7fc.

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

#7ec7fc border color

This element has a border color of #7ec7fc.

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

CSS codes

.text {color:#7ec7fc;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010e18
```
#010e18 rgb(1,14,24)
```
#011a2c
```
#011a2c rgb(1,26,44)
```
#01253f
```
#01253f rgb(1,37,63)
```
#023052
```
#023052 rgb(2,48,82)
```
#023c65
```
#023c65 rgb(2,60,101)
```
#034778
```
#034778 rgb(3,71,120)
```
#03528b
```
#03528b rgb(3,82,139)
```
#045d9f
```
#045d9f rgb(4,93,159)
```
#0469b2
```
#0469b2 rgb(4,105,178)
```
#0574c5
```
#0574c5 rgb(5,116,197)
```
#057fd8
```
#057fd8 rgb(5,127,216)
```
#058beb
```
#058beb rgb(5,139,235)
```

Shade Color Variation

#0b95f9
```
#0b95f9 rgb(11,149,249)
```
#1e9dfa
```
#1e9dfa rgb(30,157,250)
```
#31a6fa
```
#31a6fa rgb(49,166,250)
```
#44aefb
```
#44aefb rgb(68,174,251)
```
#58b6fb
```
#58b6fb rgb(88,182,251)
```
#6bbffc
```
#6bbffc rgb(107,191,252)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#91cffc
```
#91cffc rgb(145,207,252)
```
#a4d8fd
```
#a4d8fd rgb(164,216,253)
```
#b8e0fd
```
#b8e0fd rgb(184,224,253)
```
#cbe8fe
```
#cbe8fe rgb(203,232,254)
```
#def1fe
```
#def1fe rgb(222,241,254)
```
#f1f9ff
```
#f1f9ff rgb(241,249,255)
```

Tint Color Variation

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

#bbbdbf
```
#bbbdbf rgb(187,189,191)
```
#b6bec4
```
#b6bec4 rgb(182,190,196)
```
#b1bfc9
```
#b1bfc9 rgb(177,191,201)
```
#acc0ce
```
#acc0ce rgb(172,192,206)
```
#a7c1d3
```
#a7c1d3 rgb(167,193,211)
```
#a2c1d8
```
#a2c1d8 rgb(162,193,216)
```
#9cc2de
```
#9cc2de rgb(156,194,222)
```
#97c3e3
```
#97c3e3 rgb(151,195,227)
```
#92c4e8
```
#92c4e8 rgb(146,196,232)
```
#8dc5ed
```
#8dc5ed rgb(141,197,237)
```
#88c5f2
```
#88c5f2 rgb(136,197,242)
```
#83c6f7
```
#83c6f7 rgb(131,198,247)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#acbac5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3c0f6 Protanopia 1% of men
#b0c0ff Deuteranopia 1% of men
#78cfde Tritanopia 0.001% of the population

Trichromacy

#a0c2f8 Protanomaly 1% of men, 0.01% of women
#9ec2fd Deuteranomaly 6% of men, 0.4% of women
#7acce9 Tritanomaly 0.01% of the population