#7cf1da hex color

In a RGB color space, hex #7cf1da is composed of 48.6% red, 94.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 0% magenta, 9.5% yellow and 5.5% black. It has a hue angle of 168.2 degrees, a saturation of 80.7% and a lightness of 71.6%. #7cf1da color hex could be obtained by blending #f8ffff with #00e3b5. Closest websafe color is: #66ffcc.

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

● #7cf1da color description : Soft cyan.

The hexadecimal color #7cf1da has RGB values of R:124, G:241, B:218 and CMYK values of C:0.49, M:0, Y:0.1, K:0.05. Its decimal value is 8188378.

Hex triplet	7cf1da	`#7cf1da`
RGB Decimal	124, 241, 218	`rgb(124,241,218)`
RGB Percent	48.6, 94.5, 85.5	`rgb(48.6%,94.5%,85.5%)`
CMYK	49, 0, 10, 5
HSL	168.2°, 80.7, 71.6	`hsl(168.2,80.7%,71.6%)`
HSV (or HSB)	168.2°, 48.5, 94.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.091, -38.634, 0.888
XYZ	52.418, 72.254, 77.51
xyY	0.259, 0.357, 72.254
CIE-LCH	88.091, 38.644, 178.683
CIE-LUV	88.091, -51.137, 7.736
Hunter-Lab	85.002, -38.678, 5.438
Binary	01111100, 11110001, 11011010

#7cf1da
```
#7cf1da rgb(124,241,218)
```
#f17c93
```
#f17c93 rgb(241,124,147)
```

Complementary Color

#7cf1a0
```
#7cf1a0 rgb(124,241,160)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#7ccef1
```
#7ccef1 rgb(124,206,241)
```

Analogous Color

#f1a07c
```
#f1a07c rgb(241,160,124)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#f17cce
```
#f17cce rgb(241,124,206)
```

Split Complementary Color

#f1da7c
```
#f1da7c rgb(241,218,124)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#da7cf1
```
#da7cf1 rgb(218,124,241)
```

Triadic Color

#93f17c
```
#93f17c rgb(147,241,124)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#da7cf1
```
#da7cf1 rgb(218,124,241)
```
#f17c93
```
#f17c93 rgb(241,124,147)
```

Tetradic Color

#37eac6
```
#37eac6 rgb(55,234,198)
```
#4eeccd
```
#4eeccd rgb(78,236,205)
```
#65efd3
```
#65efd3 rgb(101,239,211)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#93f3e1
```
#93f3e1 rgb(147,243,225)
```
#aaf6e7
```
#aaf6e7 rgb(170,246,231)
```
#c1f8ee
```
#c1f8ee rgb(193,248,238)
```

Monochromatic Color

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

#7cf1bd
```
#7cf1bd rgb(124,241,189)
```
#7cf1c7
```
#7cf1c7 rgb(124,241,199)
```
#7cf1d0
```
#7cf1d0 rgb(124,241,208)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#7cf1e4
```
#7cf1e4 rgb(124,241,228)
```
#7cf1ee
```
#7cf1ee rgb(124,241,238)
```
#7cebf1
```
#7cebf1 rgb(124,235,241)
```

Similar Colors

Text with hexadecimal color #7cf1da

This text has a font color of #7cf1da.

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

#7cf1da background color

This paragraph has a background color of #7cf1da.

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

#7cf1da border color

This element has a border color of #7cf1da.

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

CSS codes

.text {color:#7cf1da;}

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

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

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, #010b09 is the darkest color, while #f8fefd is the lightest one.

#010b09
```
#010b09 rgb(1,11,9)
```
#031c17
```
#031c17 rgb(3,28,23)
```
#052e26
```
#052e26 rgb(5,46,38)
```
#074035
```
#074035 rgb(7,64,53)
```
#095243
```
#095243 rgb(9,82,67)
```
#0b6352
```
#0b6352 rgb(11,99,82)
```
#0d7561
```
#0d7561 rgb(13,117,97)
```
#0e876f
```
#0e876f rgb(14,135,111)
```
#10997e
```
#10997e rgb(16,153,126)
```
#12aa8c
```
#12aa8c rgb(18,170,140)
```
#14bc9b
```
#14bc9b rgb(20,188,155)
```
#16ceaa
```
#16ceaa rgb(22,206,170)
```
#18dfb8
```
#18dfb8 rgb(24,223,184)
```

Shade Color Variation

#23e8c1
```
#23e8c1 rgb(35,232,193)
```
#35e9c6
```
#35e9c6 rgb(53,233,198)
```
#47ebcb
```
#47ebcb rgb(71,235,203)
```
#59edd0
```
#59edd0 rgb(89,237,208)
```
#6aefd5
```
#6aefd5 rgb(106,239,213)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#8ef3df
```
#8ef3df rgb(142,243,223)
```
#9ff5e4
```
#9ff5e4 rgb(159,245,228)
```
#b1f7e9
```
#b1f7e9 rgb(177,247,233)
```
#c3f9ee
```
#c3f9ee rgb(195,249,238)
```
#d5faf3
```
#d5faf3 rgb(213,250,243)
```
#e6fcf8
```
#e6fcf8 rgb(230,252,248)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#b4b9b8
```
#b4b9b8 rgb(180,185,184)
```
#aebfbc
```
#aebfbc rgb(174,191,188)
```
#a9c4bf
```
#a9c4bf rgb(169,196,191)
```
#a3cac2
```
#a3cac2 rgb(163,202,194)
```
#9dd0c6
```
#9dd0c6 rgb(157,208,198)
```
#98d5c9
```
#98d5c9 rgb(152,213,201)
```
#92dbcc
```
#92dbcc rgb(146,219,204)
```
#8de0d0
```
#8de0d0 rgb(141,224,208)
```
#87e6d3
```
#87e6d3 rgb(135,230,211)
```
#82ebd7
```
#82ebd7 rgb(130,235,215)
```
#7cf1da
```
#7cf1da rgb(124,241,218)
```
#76f7dd
```
#76f7dd rgb(118,247,221)
```
#71fce1
```
#71fce1 rgb(113,252,225)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#bbd3ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5ddd1 Protanopia 1% of men
#f0d8e4 Deuteranopia 1% of men
#8fecfd Tritanopia 0.001% of the population

Trichromacy

#bfe4d4 Protanomaly 1% of men, 0.01% of women
#c6e1e0 Deuteranomaly 6% of men, 0.4% of women
#88eef0 Tritanomaly 0.01% of the population

#7cf1da hex color

#7cf1da Color Information

#7cf1da Color Conversion

Color Schemes with #7cf1da

Alternatives to #7cf1da

#7cf1da Preview

Shades and Tints of #7cf1da

Tones of #7cf1da

Color Blindness Simulator