#7cc2fa hex color

In a RGB color space, hex #7cc2fa is composed of 48.6% red, 76.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 22.4% magenta, 0% yellow and 2% black. It has a hue angle of 206.7 degrees, a saturation of 92.6% and a lightness of 73.3%. #7cc2fa color hex could be obtained by blending #f8ffff with #0085f5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 76
- B 98
RGB color chart
- C 50
- M 22
- Y 0
- K 2
CMYK color chart

● #7cc2fa color description : Soft blue.

The hexadecimal color #7cc2fa has RGB values of R:124, G:194, B:250 and CMYK values of C:0.5, M:0.22, Y:0, K:0.02. Its decimal value is 8176378.

Hex triplet	7cc2fa	`#7cc2fa`
RGB Decimal	124, 194, 250	`rgb(124,194,250)`
RGB Percent	48.6, 76.1, 98	`rgb(48.6%,76.1%,98%)`
CMYK	50, 22, 0, 2
HSL	206.7°, 92.6, 73.3	`hsl(206.7,92.6%,73.3%)`
HSV (or HSB)	206.7°, 50.4, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.927, -6.957, -34.396
XYZ	44.855, 49.768, 97.68
xyY	0.233, 0.259, 49.768
CIE-LCH	75.927, 35.093, 258.566
CIE-LUV	75.927, -31.967, -54.575
Hunter-Lab	70.547, -9.962, -32.711
Binary	01111100, 11000010, 11111010

#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#fab47c
```
#fab47c rgb(250,180,124)
```

Complementary Color

#7cfaf3
```
#7cfaf3 rgb(124,250,243)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#7c83fa
```
#7c83fa rgb(124,131,250)
```

Analogous Color

#faf37c
```
#faf37c rgb(250,243,124)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#fa7c83
```
#fa7c83 rgb(250,124,131)
```

Split Complementary Color

#c2fa7c
```
#c2fa7c rgb(194,250,124)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#fa7cc2
```
#fa7cc2 rgb(250,124,194)
```

Triadic Color

#7cfab4
```
#7cfab4 rgb(124,250,180)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#fa7cc2
```
#fa7cc2 rgb(250,124,194)
```
#fab47c
```
#fab47c rgb(250,180,124)
```

Tetradic Color

#32a0f7
```
#32a0f7 rgb(50,160,247)
```
#4babf8
```
#4babf8 rgb(75,171,248)
```
#63b7f9
```
#63b7f9 rgb(99,183,249)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#95cdfb
```
#95cdfb rgb(149,205,251)
```
#add9fc
```
#add9fc rgb(173,217,252)
```
#c6e4fd
```
#c6e4fd rgb(198,228,253)
```

Monochromatic Color

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

#7ce2fa
```
#7ce2fa rgb(124,226,250)
```
#7cd7fa
```
#7cd7fa rgb(124,215,250)
```
#7ccdfa
```
#7ccdfa rgb(124,205,250)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#7cb8fa
```
#7cb8fa rgb(124,184,250)
```
#7cadfa
```
#7cadfa rgb(124,173,250)
```
#7ca3fa
```
#7ca3fa rgb(124,163,250)
```

Similar Colors

Text with hexadecimal color #7cc2fa

This text has a font color of #7cc2fa.

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

#7cc2fa background color

This paragraph has a background color of #7cc2fa.

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

#7cc2fa border color

This element has a border color of #7cc2fa.

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

CSS codes

.text {color:#7cc2fa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010c14
```
#010c14 rgb(1,12,20)
```
#011627
```
#011627 rgb(1,22,39)
```
#02213a
```
#02213a rgb(2,33,58)
```
#032c4d
```
#032c4d rgb(3,44,77)
```
#043760
```
#043760 rgb(4,55,96)
```
#044273
```
#044273 rgb(4,66,115)
```
#054c86
```
#054c86 rgb(5,76,134)
```
#065798
```
#065798 rgb(6,87,152)
```
#0762ab
```
#0762ab rgb(7,98,171)
```
#076dbe
```
#076dbe rgb(7,109,190)
```
#0878d1
```
#0878d1 rgb(8,120,209)
```
#0983e4
```
#0983e4 rgb(9,131,228)
```

Shade Color Variation

#0b8df6
```
#0b8df6 rgb(11,141,246)
```
#1e96f6
```
#1e96f6 rgb(30,150,246)
```
#309ff7
```
#309ff7 rgb(48,159,247)
```
#43a8f8
```
#43a8f8 rgb(67,168,248)
```
#56b0f9
```
#56b0f9 rgb(86,176,249)
```
#69b9f9
```
#69b9f9 rgb(105,185,249)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#8fcbfb
```
#8fcbfb rgb(143,203,251)
```
#a2d4fb
```
#a2d4fb rgb(162,212,251)
```
#b5dcfc
```
#b5dcfc rgb(181,220,252)
```
#c8e5fd
```
#c8e5fd rgb(200,229,253)
```
#daeefe
```
#daeefe rgb(218,238,254)
```
#edf7fe
```
#edf7fe rgb(237,247,254)
```

Tint Color Variation

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

#bbbbbb
```
#bbbbbb rgb(187,187,187)
```
#b6bcc0
```
#b6bcc0 rgb(182,188,192)
```
#b0bcc6
```
#b0bcc6 rgb(176,188,198)
```
#abbdcb
```
#abbdcb rgb(171,189,203)
```
#a6bdd0
```
#a6bdd0 rgb(166,189,208)
```
#a1bed5
```
#a1bed5 rgb(161,190,213)
```
#9bbfdb
```
#9bbfdb rgb(155,191,219)
```
#96bfe0
```
#96bfe0 rgb(150,191,224)
```
#91c0e5
```
#91c0e5 rgb(145,192,229)
```
#8cc0ea
```
#8cc0ea rgb(140,192,234)
```
#86c1f0
```
#86c1f0 rgb(134,193,240)
```
#81c1f5
```
#81c1f5 rgb(129,193,245)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a8b6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebcf4 Protanopia 1% of men
#aabcfd Deuteranopia 1% of men
#75cbda Tritanopia 0.001% of the population

Trichromacy

#9cbef6 Protanomaly 1% of men, 0.01% of women
#99befc Deuteranomaly 6% of men, 0.4% of women
#77c7e5 Tritanomaly 0.01% of the population

#7cc2fa hex color

#7cc2fa Color Information

#7cc2fa Color Conversion

Color Schemes with #7cc2fa

Alternatives to #7cc2fa

#7cc2fa Preview

Shades and Tints of #7cc2fa

Tones of #7cc2fa

Color Blindness Simulator