#78f0d8 hex color

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

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

● #78f0d8 color description : Soft cyan.

The hexadecimal color #78f0d8 has RGB values of R:120, G:240, B:216 and CMYK values of C:0.5, M:0, Y:0.1, K:0.06. Its decimal value is 7925976.

Hex triplet	78f0d8	`#78f0d8`
RGB Decimal	120, 240, 216	`rgb(120,240,216)`
RGB Percent	47.1, 94.1, 84.7	`rgb(47.1%,94.1%,84.7%)`
CMYK	50, 0, 10, 6
HSL	168°, 80, 70.6	`hsl(168,80%,70.6%)`
HSV (or HSB)	168°, 50, 94.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.615, -39.529, 1.223
XYZ	51.297, 71.268, 76.015
xyY	0.258, 0.359, 71.268
CIE-LCH	87.615, 39.548, 178.227
CIE-LUV	87.615, -52.011, 8.384
Hunter-Lab	84.42, -39.272, 5.707
Binary	01111000, 11110000, 11011000

#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#f07890
```
#f07890 rgb(240,120,144)
```

Complementary Color

#78f09c
```
#78f09c rgb(120,240,156)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#78ccf0
```
#78ccf0 rgb(120,204,240)
```

Analogous Color

#f09c78
```
#f09c78 rgb(240,156,120)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#f078cc
```
#f078cc rgb(240,120,204)
```

Split Complementary Color

#f0d878
```
#f0d878 rgb(240,216,120)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#d878f0
```
#d878f0 rgb(216,120,240)
```

Triadic Color

#90f078
```
#90f078 rgb(144,240,120)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#d878f0
```
#d878f0 rgb(216,120,240)
```
#f07890
```
#f07890 rgb(240,120,144)
```

Tetradic Color

#33e8c4
```
#33e8c4 rgb(51,232,196)
```
#4aebcb
```
#4aebcb rgb(74,235,203)
```
#61edd1
```
#61edd1 rgb(97,237,209)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#8ff3df
```
#8ff3df rgb(143,243,223)
```
#a6f5e5
```
#a6f5e5 rgb(166,245,229)
```
#bdf8ec
```
#bdf8ec rgb(189,248,236)
```

Monochromatic Color

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

#78f0ba
```
#78f0ba rgb(120,240,186)
```
#78f0c4
```
#78f0c4 rgb(120,240,196)
```
#78f0ce
```
#78f0ce rgb(120,240,206)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#78f0e2
```
#78f0e2 rgb(120,240,226)
```
#78f0ec
```
#78f0ec rgb(120,240,236)
```
#78eaf0
```
#78eaf0 rgb(120,234,240)
```

Similar Colors

Text with hexadecimal color #78f0d8

This text has a font color of #78f0d8.

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

#78f0d8 background color

This paragraph has a background color of #78f0d8.

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

#78f0d8 border color

This element has a border color of #78f0d8.

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

CSS codes

.text {color:#78f0d8;}

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

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

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)
```
#031814
```
#031814 rgb(3,24,20)
```
#052a22
```
#052a22 rgb(5,42,34)
```
#073b31
```
#073b31 rgb(7,59,49)
```
#094d3f
```
#094d3f rgb(9,77,63)
```
#0b5f4e
```
#0b5f4e rgb(11,95,78)
```
#0c705c
```
#0c705c rgb(12,112,92)
```
#0e826b
```
#0e826b rgb(14,130,107)
```
#109379
```
#109379 rgb(16,147,121)
```
#12a588
```
#12a588 rgb(18,165,136)
```
#14b796
```
#14b796 rgb(20,183,150)
```
#16c8a5
```
#16c8a5 rgb(22,200,165)
```
#18dab3
```
#18dab3 rgb(24,218,179)
```

Shade Color Variation

#20e6bf
```
#20e6bf rgb(32,230,191)
```
#31e8c4
```
#31e8c4 rgb(49,232,196)
```
#43eac9
```
#43eac9 rgb(67,234,201)
```
#55ecce
```
#55ecce rgb(85,236,206)
```
#66eed3
```
#66eed3 rgb(102,238,211)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#8af2dd
```
#8af2dd rgb(138,242,221)
```
#9bf4e2
```
#9bf4e2 rgb(155,244,226)
```
#adf6e7
```
#adf6e7 rgb(173,246,231)
```
#bff8ec
```
#bff8ec rgb(191,248,236)
```
#d0faf2
```
#d0faf2 rgb(208,250,242)
```
#e2fcf7
```
#e2fcf7 rgb(226,252,247)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

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

#b2b6b5
```
#b2b6b5 rgb(178,182,181)
```
#acbcb9
```
#acbcb9 rgb(172,188,185)
```
#a6c2bc
```
#a6c2bc rgb(166,194,188)
```
#a0c8c0
```
#a0c8c0 rgb(160,200,192)
```
#9bcdc3
```
#9bcdc3 rgb(155,205,195)
```
#95d3c7
```
#95d3c7 rgb(149,211,199)
```
#8fd9ca
```
#8fd9ca rgb(143,217,202)
```
#89dfce
```
#89dfce rgb(137,223,206)
```
#84e4d1
```
#84e4d1 rgb(132,228,209)
```
#7eead5
```
#7eead5 rgb(126,234,213)
```
#78f0d8
```
#78f0d8 rgb(120,240,216)
```
#72f6db
```
#72f6db rgb(114,246,219)
```
#6cfcdf
```
#6cfcdf rgb(108,252,223)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#b9d1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4dccf Protanopia 1% of men
#efd7e2 Deuteranopia 1% of men
#8cebfc Tritanopia 0.001% of the population

Trichromacy

#bde3d2 Protanomaly 1% of men, 0.01% of women
#c3e0de Deuteranomaly 6% of men, 0.4% of women
#85edef Tritanomaly 0.01% of the population

#78f0d8 hex color

#78f0d8 Color Information

#78f0d8 Color Conversion

Color Schemes with #78f0d8

Alternatives to #78f0d8

#78f0d8 Preview

Shades and Tints of #78f0d8

Tones of #78f0d8

Color Blindness Simulator