#78f0de hex color

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

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

● #78f0de color description : Soft cyan.

The hexadecimal color #78f0de has RGB values of R:120, G:240, B:222 and CMYK values of C:0.5, M:0, Y:0.08, K:0.06. Its decimal value is 7925982.

Hex triplet	78f0de	`#78f0de`
RGB Decimal	120, 240, 222	`rgb(120,240,222)`
RGB Percent	47.1, 94.1, 87.1	`rgb(47.1%,94.1%,87.1%)`
CMYK	50, 0, 8, 6
HSL	171°, 80, 70.6	`hsl(171,80%,70.6%)`
HSV (or HSB)	171°, 50, 94.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.768, -38.109, -1.693
XYZ	52.087, 71.584, 80.175
xyY	0.256, 0.351, 71.584
CIE-LCH	87.768, 38.147, 182.543
CIE-LUV	87.768, -51.752, 3.618
Hunter-Lab	84.607, -38.172, 3.04
Binary	01111000, 11110000, 11011110

#78f0de
```
#78f0de rgb(120,240,222)
```
#f0788a
```
#f0788a rgb(240,120,138)
```

Complementary Color

#78f0a2
```
#78f0a2 rgb(120,240,162)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#78c6f0
```
#78c6f0 rgb(120,198,240)
```

Analogous Color

#f0a278
```
#f0a278 rgb(240,162,120)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#f078c6
```
#f078c6 rgb(240,120,198)
```

Split Complementary Color

#f0de78
```
#f0de78 rgb(240,222,120)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#de78f0
```
#de78f0 rgb(222,120,240)
```

Triadic Color

#8af078
```
#8af078 rgb(138,240,120)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#de78f0
```
#de78f0 rgb(222,120,240)
```
#f0788a
```
#f0788a rgb(240,120,138)
```

Tetradic Color

#33e8cd
```
#33e8cd rgb(51,232,205)
```
#4aebd3
```
#4aebd3 rgb(74,235,211)
```
#61edd8
```
#61edd8 rgb(97,237,216)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#8ff3e4
```
#8ff3e4 rgb(143,243,228)
```
#a6f5e9
```
#a6f5e9 rgb(166,245,233)
```
#bdf8ef
```
#bdf8ef rgb(189,248,239)
```

Monochromatic Color

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

#78f0c0
```
#78f0c0 rgb(120,240,192)
```
#78f0ca
```
#78f0ca rgb(120,240,202)
```
#78f0d4
```
#78f0d4 rgb(120,240,212)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#78f0e8
```
#78f0e8 rgb(120,240,232)
```
#78eef0
```
#78eef0 rgb(120,238,240)
```
#78e4f0
```
#78e4f0 rgb(120,228,240)
```

Similar Colors

Text with hexadecimal color #78f0de

This text has a font color of #78f0de.

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

#78f0de background color

This paragraph has a background color of #78f0de.

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

#78f0de border color

This element has a border color of #78f0de.

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

CSS codes

.text {color:#78f0de;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#031815
```
#031815 rgb(3,24,21)
```
#052a24
```
#052a24 rgb(5,42,36)
```
#073b33
```
#073b33 rgb(7,59,51)
```
#094d43
```
#094d43 rgb(9,77,67)
```
#0b5f52
```
#0b5f52 rgb(11,95,82)
```
#0c7061
```
#0c7061 rgb(12,112,97)
```
#0e8271
```
#0e8271 rgb(14,130,113)
```
#109380
```
#109380 rgb(16,147,128)
```
#12a58f
```
#12a58f rgb(18,165,143)
```
#14b79e
```
#14b79e rgb(20,183,158)
```
#16c8ae
```
#16c8ae rgb(22,200,174)
```
#18dabd
```
#18dabd rgb(24,218,189)
```

Shade Color Variation

#20e6c8
```
#20e6c8 rgb(32,230,200)
```
#31e8cd
```
#31e8cd rgb(49,232,205)
```
#43ead1
```
#43ead1 rgb(67,234,209)
```
#55ecd5
```
#55ecd5 rgb(85,236,213)
```
#66eeda
```
#66eeda rgb(102,238,218)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#8af2e2
```
#8af2e2 rgb(138,242,226)
```
#9bf4e7
```
#9bf4e7 rgb(155,244,231)
```
#adf6eb
```
#adf6eb rgb(173,246,235)
```
#bff8ef
```
#bff8ef rgb(191,248,239)
```
#d0faf4
```
#d0faf4 rgb(208,250,244)
```
#e2fcf8
```
#e2fcf8 rgb(226,252,248)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

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

#b2b6b6
```
#b2b6b6 rgb(178,182,182)
```
#acbcba
```
#acbcba rgb(172,188,186)
```
#a6c2be
```
#a6c2be rgb(166,194,190)
```
#a0c8c2
```
#a0c8c2 rgb(160,200,194)
```
#9bcdc6
```
#9bcdc6 rgb(155,205,198)
```
#95d3ca
```
#95d3ca rgb(149,211,202)
```
#8fd9ce
```
#8fd9ce rgb(143,217,206)
```
#89dfd2
```
#89dfd2 rgb(137,223,210)
```
#84e4d6
```
#84e4d6 rgb(132,228,214)
```
#7eeada
```
#7eeada rgb(126,234,218)
```
#78f0de
```
#78f0de rgb(120,240,222)
```
#72f6e2
```
#72f6e2 rgb(114,246,226)
```
#6cfce6
```
#6cfce6 rgb(108,252,230)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#bad2ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3dcd5 Protanopia 1% of men
#edd7e8 Deuteranopia 1% of men
#8aecfd Tritanopia 0.001% of the population

Trichromacy

#bce3d8 Protanomaly 1% of men, 0.01% of women
#c2e0e4 Deuteranomaly 6% of men, 0.4% of women
#84edf2 Tritanomaly 0.01% of the population

#78f0de hex color

#78f0de Color Information

#78f0de Color Conversion

Color Schemes with #78f0de

Alternatives to #78f0de

#78f0de Preview

Shades and Tints of #78f0de

Tones of #78f0de

Color Blindness Simulator