#78e7f2 hex color

In a RGB color space, hex #78e7f2 is composed of 47.1% red, 90.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 4.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 185.4 degrees, a saturation of 82.4% and a lightness of 71%. #78e7f2 color hex could be obtained by blending #f0ffff with #00cfe5. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 47
- G 91
- B 95
RGB color chart
- C 50
- M 5
- Y 0
- K 5
CMYK color chart

● #78e7f2 color description : Soft cyan.

The hexadecimal color #78e7f2 has RGB values of R:120, G:231, B:242 and CMYK values of C:0.5, M:0.05, Y:0, K:0.05. Its decimal value is 7923698.

Hex triplet	78e7f2	`#78e7f2`
RGB Decimal	120, 231, 242	`rgb(120,231,242)`
RGB Percent	47.1, 90.6, 94.9	`rgb(47.1%,90.6%,94.9%)`
CMYK	50, 5, 0, 5
HSL	185.4°, 82.4, 71	`hsl(185.4,82.4%,71%)`
HSV (or HSB)	185.4°, 50.4, 94.9
Web Safe	66ffff	`#66ffff`

CIE-LAB	85.782, -28.876, -15.14
XYZ	52.344, 67.552, 94.28
xyY	0.244, 0.315, 67.552
CIE-LCH	85.782, 32.605, 207.669
CIE-LUV	85.782, -47.472, -19.489
Hunter-Lab	82.19, -30.152, -10.478
Binary	01111000, 11100111, 11110010

#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#f28378
```
#f28378 rgb(242,131,120)
```

Complementary Color

#78f2c0
```
#78f2c0 rgb(120,242,192)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#78aaf2
```
#78aaf2 rgb(120,170,242)
```

Analogous Color

#f2c078
```
#f2c078 rgb(242,192,120)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#f278aa
```
#f278aa rgb(242,120,170)
```

Split Complementary Color

#e7f278
```
#e7f278 rgb(231,242,120)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#f278e7
```
#f278e7 rgb(242,120,231)
```

Triadic Color

#78f283
```
#78f283 rgb(120,242,131)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#f278e7
```
#f278e7 rgb(242,120,231)
```
#f28378
```
#f28378 rgb(242,131,120)
```

Tetradic Color

#32dbeb
```
#32dbeb rgb(50,219,235)
```
#49dfee
```
#49dfee rgb(73,223,238)
```
#61e3f0
```
#61e3f0 rgb(97,227,240)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#8febf4
```
#8febf4 rgb(143,235,244)
```
#a7eff6
```
#a7eff6 rgb(167,239,246)
```
#bef3f9
```
#bef3f9 rgb(190,243,249)
```

Monochromatic Color

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

#78f2df
```
#78f2df rgb(120,242,223)
```
#78f2e9
```
#78f2e9 rgb(120,242,233)
```
#78f1f2
```
#78f1f2 rgb(120,241,242)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#78ddf2
```
#78ddf2 rgb(120,221,242)
```
#78d3f2
```
#78d3f2 rgb(120,211,242)
```
#78c9f2
```
#78c9f2 rgb(120,201,242)
```

Similar Colors

Text with hexadecimal color #78e7f2

This text has a font color of #78e7f2.

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

#78e7f2 background color

This paragraph has a background color of #78e7f2.

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

#78e7f2 border color

This element has a border color of #78e7f2.

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

CSS codes

.text {color:#78e7f2;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#03181a
```
#03181a rgb(3,24,26)
```
#04282c
```
#04282c rgb(4,40,44)
```
#06393e
```
#06393e rgb(6,57,62)
```
#084950
```
#084950 rgb(8,73,80)
```
#095a62
```
#095a62 rgb(9,90,98)
```
#0b6a73
```
#0b6a73 rgb(11,106,115)
```
#0d7b85
```
#0d7b85 rgb(13,123,133)
```
#0f8b97
```
#0f8b97 rgb(15,139,151)
```
#109ba9
```
#109ba9 rgb(16,155,169)
```
#12acbb
```
#12acbb rgb(18,172,187)
```
#14bccd
```
#14bccd rgb(20,188,205)
```
#15cddf
```
#15cddf rgb(21,205,223)
```

Shade Color Variation

#1fd7e9
```
#1fd7e9 rgb(31,215,233)
```
#30daeb
```
#30daeb rgb(48,218,235)
```
#42dded
```
#42dded rgb(66,221,237)
```
#54e1ef
```
#54e1ef rgb(84,225,239)
```
#66e4f0
```
#66e4f0 rgb(102,228,240)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#8aeaf4
```
#8aeaf4 rgb(138,234,244)
```
#9cedf5
```
#9cedf5 rgb(156,237,245)
```
#aef1f7
```
#aef1f7 rgb(174,241,247)
```
#c0f4f9
```
#c0f4f9 rgb(192,244,249)
```
#d1f7fb
```
#d1f7fb rgb(209,247,251)
```
#e3fafc
```
#e3fafc rgb(227,250,252)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#b1b8b9
```
#b1b8b9 rgb(177,184,185)
```
#abbdbf
```
#abbdbf rgb(171,189,191)
```
#a6c2c4
```
#a6c2c4 rgb(166,194,196)
```
#a0c6ca
```
#a0c6ca rgb(160,198,202)
```
#9acbd0
```
#9acbd0 rgb(154,203,208)
```
#94d0d6
```
#94d0d6 rgb(148,208,214)
```
#8fd4db
```
#8fd4db rgb(143,212,219)
```
#89d9e1
```
#89d9e1 rgb(137,217,225)
```
#83dee7
```
#83dee7 rgb(131,222,231)
```
#7ee2ec
```
#7ee2ec rgb(126,226,236)
```
#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#72ecf8
```
#72ecf8 rgb(114,236,248)
```
#6df0fd
```
#6df0fd rgb(109,240,253)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b7cdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d7e8 Protanopia 1% of men
#dbd3fa Deuteranopia 1% of men
#81e7f8 Tritanopia 0.001% of the population

Trichromacy

#b4dcec Protanomaly 1% of men, 0.01% of women
#b7daf7 Deuteranomaly 6% of men, 0.4% of women
#7ee7f5 Tritanomaly 0.01% of the population

#78e7f2 hex color

#78e7f2 Color Information

#78e7f2 Color Conversion

Color Schemes with #78e7f2

Alternatives to #78e7f2

#78e7f2 Preview

Shades and Tints of #78e7f2

Tones of #78e7f2

Color Blindness Simulator