#7cf2fd hex color

In a RGB color space, hex #7cf2fd is composed of 48.6% red, 94.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 4.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 185.1 degrees, a saturation of 97% and a lightness of 73.9%. #7cf2fd color hex could be obtained by blending #f8ffff with #00e5fb. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 49
- G 95
- B 99
RGB color chart
- C 51
- M 4
- Y 0
- K 1
CMYK color chart

● #7cf2fd color description : Soft cyan.

The hexadecimal color #7cf2fd has RGB values of R:124, G:242, B:253 and CMYK values of C:0.51, M:0.04, Y:0, K:0.01. Its decimal value is 8188669.

Hex triplet	7cf2fd	`#7cf2fd`
RGB Decimal	124, 242, 253	`rgb(124,242,253)`
RGB Percent	48.6, 94.9, 99.2	`rgb(48.6%,94.9%,99.2%)`
CMYK	51, 4, 0, 1
HSL	185.1°, 97, 73.9	`hsl(185.1,97%,73.9%)`
HSV (or HSB)	185.1°, 51, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.335, -30.449, -15.56
XYZ	57.789, 74.877, 104.33
xyY	0.244, 0.316, 74.877
CIE-LCH	89.335, 34.194, 207.068
CIE-LUV	89.335, -50.067, -20.034
Hunter-Lab	86.532, -32.221, -10.913
Binary	01111100, 11110010, 11111101

#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#fd877c
```
#fd877c rgb(253,135,124)
```

Complementary Color

#7cfdc8
```
#7cfdc8 rgb(124,253,200)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#7cb2fd
```
#7cb2fd rgb(124,178,253)
```

Analogous Color

#fdc87c
```
#fdc87c rgb(253,200,124)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#fd7cb2
```
#fd7cb2 rgb(253,124,178)
```

Split Complementary Color

#f2fd7c
```
#f2fd7c rgb(242,253,124)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#fd7cf2
```
#fd7cf2 rgb(253,124,242)
```

Triadic Color

#7cfd87
```
#7cfd87 rgb(124,253,135)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#fd7cf2
```
#fd7cf2 rgb(253,124,242)
```
#fd877c
```
#fd877c rgb(253,135,124)
```

Tetradic Color

#31ebfc
```
#31ebfc rgb(49,235,252)
```
#4aedfc
```
#4aedfc rgb(74,237,252)
```
#63f0fd
```
#63f0fd rgb(99,240,253)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#95f4fd
```
#95f4fd rgb(149,244,253)
```
#aef7fe
```
#aef7fe rgb(174,247,254)
```
#c7f9fe
```
#c7f9fe rgb(199,249,254)
```

Monochromatic Color

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

#7cfde8
```
#7cfde8 rgb(124,253,232)
```
#7cfdf3
```
#7cfdf3 rgb(124,253,243)
```
#7cfdfd
```
#7cfdfd rgb(124,253,253)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#7ce7fd
```
#7ce7fd rgb(124,231,253)
```
#7cddfd
```
#7cddfd rgb(124,221,253)
```
#7cd2fd
```
#7cd2fd rgb(124,210,253)
```

Similar Colors

Text with hexadecimal color #7cf2fd

This text has a font color of #7cf2fd.

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

#7cf2fd background color

This paragraph has a background color of #7cf2fd.

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

#7cf2fd border color

This element has a border color of #7cf2fd.

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

CSS codes

.text {color:#7cf2fd;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001618
```
#001618 rgb(0,22,24)
```
#01272b
```
#01272b rgb(1,39,43)
```
#01393e
```
#01393e rgb(1,57,62)
```
#014b52
```
#014b52 rgb(1,75,82)
```
#025c65
```
#025c65 rgb(2,92,101)
```
#026e78
```
#026e78 rgb(2,110,120)
```
#02808b
```
#02808b rgb(2,128,139)
```
#02919f
```
#02919f rgb(2,145,159)
```
#03a3b2
```
#03a3b2 rgb(3,163,178)
```
#03b5c5
```
#03b5c5 rgb(3,181,197)
```
#03c7d9
```
#03c7d9 rgb(3,199,217)
```
#04d8ec
```
#04d8ec rgb(4,216,236)
```

Shade Color Variation

#08e6fb
```
#08e6fb rgb(8,230,251)
```
#1be8fc
```
#1be8fc rgb(27,232,252)
```
#2feafc
```
#2feafc rgb(47,234,252)
```
#42ecfc
```
#42ecfc rgb(66,236,252)
```
#55eefc
```
#55eefc rgb(85,238,252)
```
#69f0fd
```
#69f0fd rgb(105,240,253)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```
#8ff4fd
```
#8ff4fd rgb(143,244,253)
```
#a3f6fe
```
#a3f6fe rgb(163,246,254)
```
#b6f8fe
```
#b6f8fe rgb(182,248,254)
```
#c9fafe
```
#c9fafe rgb(201,250,254)
```
#ddfcfe
```
#ddfcfe rgb(221,252,254)
```
#f0feff
```
#f0feff rgb(240,254,255)
```

Tint Color Variation

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

#b9bfc0
```
#b9bfc0 rgb(185,191,192)
```
#b4c3c5
```
#b4c3c5 rgb(180,195,197)
```
#afc8ca
```
#afc8ca rgb(175,200,202)
```
#aacccf
```
#aacccf rgb(170,204,207)
```
#a5d0d4
```
#a5d0d4 rgb(165,208,212)
```
#a0d4d9
```
#a0d4d9 rgb(160,212,217)
```
#9bd9de
```
#9bd9de rgb(155,217,222)
```
#96dde3
```
#96dde3 rgb(150,221,227)
```
#90e1e9
```
#90e1e9 rgb(144,225,233)
```
#8be5ee
```
#8be5ee rgb(139,229,238)
```
#86eaf3
```
#86eaf3 rgb(134,234,243)
```
#81eef8
```
#81eef8 rgb(129,238,248)
```
#7cf2fd
```
#7cf2fd rgb(124,242,253)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#bfd7d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0e0f2 Protanopia 1% of men
#e4deff Deuteranopia 1% of men
#97efff Tritanopia 0.001% of the population

Trichromacy

#bce6f6 Protanomaly 1% of men, 0.01% of women
#bee5fe Deuteranomaly 6% of men, 0.4% of women
#8df0fe Tritanomaly 0.01% of the population

#7cf2fd hex color

#7cf2fd Color Information

#7cf2fd Color Conversion

Color Schemes with #7cf2fd

Alternatives to #7cf2fd

#7cf2fd Preview

Shades and Tints of #7cf2fd

Tones of #7cf2fd

Color Blindness Simulator