#78f0a2 hex color

In a RGB color space, hex #78f0a2 is composed of 47.1% red, 94.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 32.5% yellow and 5.9% black. It has a hue angle of 141 degrees, a saturation of 80% and a lightness of 70.6%. #78f0a2 color hex could be obtained by blending #f0ffff with #00e145. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 47
- G 94
- B 64
RGB color chart
- C 50
- M 0
- Y 33
- K 6
CMYK color chart

● #78f0a2 color description : Soft cyan - lime green.

The hexadecimal color #78f0a2 has RGB values of R:120, G:240, B:162 and CMYK values of C:0.5, M:0, Y:0.33, K:0.06. Its decimal value is 7925922.

Hex triplet	78f0a2	`#78f0a2`
RGB Decimal	120, 240, 162	`rgb(120,240,162)`
RGB Percent	47.1, 94.1, 63.5	`rgb(47.1%,94.1%,63.5%)`
CMYK	50, 0, 33, 6
HSL	141°, 80, 70.6	`hsl(141,80%,70.6%)`
HSV (or HSB)	141°, 50, 94.1
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.464, -50.734, 27.588
XYZ	45.425, 68.919, 45.089
xyY	0.285, 0.432, 68.919
CIE-LCH	86.464, 57.75, 151.464
CIE-LUV	86.464, -54.21, 47.652
Hunter-Lab	83.017, -47.61, 25.91
Binary	01111000, 11110000, 10100010

#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#f078c6
```
#f078c6 rgb(240,120,198)
```

Complementary Color

#8af078
```
#8af078 rgb(138,240,120)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#78f0de
```
#78f0de rgb(120,240,222)
```

Analogous Color

#f0788a
```
#f0788a rgb(240,120,138)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#de78f0
```
#de78f0 rgb(222,120,240)
```

Split Complementary Color

#f0a278
```
#f0a278 rgb(240,162,120)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#a278f0
```
#a278f0 rgb(162,120,240)
```

Triadic Color

#c6f078
```
#c6f078 rgb(198,240,120)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#a278f0
```
#a278f0 rgb(162,120,240)
```
#f078c6
```
#f078c6 rgb(240,120,198)
```

Tetradic Color

#33e873
```
#33e873 rgb(51,232,115)
```
#4aeb82
```
#4aeb82 rgb(74,235,130)
```
#61ed92
```
#61ed92 rgb(97,237,146)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#8ff3b2
```
#8ff3b2 rgb(143,243,178)
```
#a6f5c2
```
#a6f5c2 rgb(166,245,194)
```
#bdf8d1
```
#bdf8d1 rgb(189,248,209)
```

Monochromatic Color

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

#78f084
```
#78f084 rgb(120,240,132)
```
#78f08e
```
#78f08e rgb(120,240,142)
```
#78f098
```
#78f098 rgb(120,240,152)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#78f0ac
```
#78f0ac rgb(120,240,172)
```
#78f0b6
```
#78f0b6 rgb(120,240,182)
```
#78f0c0
```
#78f0c0 rgb(120,240,192)
```

Similar Colors

Text with hexadecimal color #78f0a2

This text has a font color of #78f0a2.

<span style="color:#78f0a2;">Text here</span>

#78f0a2 background color

This paragraph has a background color of #78f0a2.

<p style="background-color:#78f0a2;">Content here</p>

#78f0a2 border color

This element has a border color of #78f0a2.

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

CSS codes

.text {color:#78f0a2;}

.background {background-color:#78f0a2;}

.border {border:1px solid #78f0a2;}

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

#010603
```
#010603 rgb(1,6,3)
```
#03180a
```
#03180a rgb(3,24,10)
```
#052a12
```
#052a12 rgb(5,42,18)
```
#073b19
```
#073b19 rgb(7,59,25)
```
#094d20
```
#094d20 rgb(9,77,32)
```
#0b5f28
```
#0b5f28 rgb(11,95,40)
```
#0c702f
```
#0c702f rgb(12,112,47)
```
#0e8237
```
#0e8237 rgb(14,130,55)
```
#10933e
```
#10933e rgb(16,147,62)
```
#12a546
```
#12a546 rgb(18,165,70)
```
#14b74d
```
#14b74d rgb(20,183,77)
```
#16c855
```
#16c855 rgb(22,200,85)
```
#18da5c
```
#18da5c rgb(24,218,92)
```

Shade Color Variation

#20e665
```
#20e665 rgb(32,230,101)
```
#31e871
```
#31e871 rgb(49,232,113)
```
#43ea7e
```
#43ea7e rgb(67,234,126)
```
#55ec8a
```
#55ec8a rgb(85,236,138)
```
#66ee96
```
#66ee96 rgb(102,238,150)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#8af2ae
```
#8af2ae rgb(138,242,174)
```
#9bf4ba
```
#9bf4ba rgb(155,244,186)
```
#adf6c6
```
#adf6c6 rgb(173,246,198)
```
#bff8d3
```
#bff8d3 rgb(191,248,211)
```
#d0fadf
```
#d0fadf rgb(208,250,223)
```
#e2fceb
```
#e2fceb rgb(226,252,235)
```
#f4fef7
```
#f4fef7 rgb(244,254,247)
```

Tint Color Variation

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

#b2b6b3
```
#b2b6b3 rgb(178,182,179)
```
#acbcb2
```
#acbcb2 rgb(172,188,178)
```
#a6c2b0
```
#a6c2b0 rgb(166,194,176)
```
#a0c8ae
```
#a0c8ae rgb(160,200,174)
```
#9bcdac
```
#9bcdac rgb(155,205,172)
```
#95d3ab
```
#95d3ab rgb(149,211,171)
```
#8fd9a9
```
#8fd9a9 rgb(143,217,169)
```
#89dfa7
```
#89dfa7 rgb(137,223,167)
```
#84e4a5
```
#84e4a5 rgb(132,228,165)
```
#7eeaa4
```
#7eeaa4 rgb(126,234,164)
```
#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#72f6a0
```
#72f6a0 rgb(114,246,160)
```
#6cfc9f
```
#6cfc9f rgb(108,252,159)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#b4ccbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#eada9d Protanopia 1% of men
#fdd2b1 Deuteranopia 1% of men
#97e6f7 Tritanopia 0.001% of the population

Trichromacy

#c1e29f Protanomaly 1% of men, 0.01% of women
#ccddab Deuteranomaly 6% of men, 0.4% of women
#8ce9d8 Tritanomaly 0.01% of the population

#78f0a2 hex color

#78f0a2 Color Information

#78f0a2 Color Conversion

Color Schemes with #78f0a2

Alternatives to #78f0a2

#78f0a2 Preview

Shades and Tints of #78f0a2

Tones of #78f0a2

Color Blindness Simulator