#78f2ff hex color

In a RGB color space, hex #78f2ff is composed of 47.1% red, 94.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 5.1% magenta, 0% yellow and 0% black. It has a hue angle of 185.8 degrees, a saturation of 100% and a lightness of 73.5%. #78f2ff color hex could be obtained by blending #f0ffff with #00e5ff. Closest websafe color is: #66ffff.

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

● #78f2ff color description : Very light cyan.

The hexadecimal color #78f2ff has RGB values of R:120, G:242, B:255 and CMYK values of C:0.53, M:0.05, Y:0, K:0. Its decimal value is 7926527.

Hex triplet	78f2ff	`#78f2ff`
RGB Decimal	120, 242, 255	`rgb(120,242,255)`
RGB Percent	47.1, 94.9, 100	`rgb(47.1%,94.9%,100%)`
CMYK	53, 5, 0, 0
HSL	185.8°, 100, 73.5	`hsl(185.8,100%,73.5%)`
HSV (or HSB)	185.8°, 52.9, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.258, -30.719, -16.733
XYZ	57.543, 74.713, 105.991
xyY	0.242, 0.314, 74.713
CIE-LCH	89.258, 34.981, 208.578
CIE-LUV	89.258, -51.06, -21.957
Hunter-Lab	86.437, -32.433, -12.197
Binary	01111000, 11110010, 11111111

#78f2ff
```
#78f2ff rgb(120,242,255)
```
#ff8578
```
#ff8578 rgb(255,133,120)
```

Complementary Color

#78ffc9
```
#78ffc9 rgb(120,255,201)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```
#78afff
```
#78afff rgb(120,175,255)
```

Analogous Color

#ffc978
```
#ffc978 rgb(255,201,120)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```
#ff78af
```
#ff78af rgb(255,120,175)
```

Split Complementary Color

#f2ff78
```
#f2ff78 rgb(242,255,120)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```
#ff78f2
```
#ff78f2 rgb(255,120,242)
```

Triadic Color

#78ff85
```
#78ff85 rgb(120,255,133)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```
#ff78f2
```
#ff78f2 rgb(255,120,242)
```
#ff8578
```
#ff8578 rgb(255,133,120)
```

Tetradic Color

#2cebff
```
#2cebff rgb(44,235,255)
```
#45edff
```
#45edff rgb(69,237,255)
```
#5ff0ff
```
#5ff0ff rgb(95,240,255)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```
#92f4ff
```
#92f4ff rgb(146,244,255)
```
#abf7ff
```
#abf7ff rgb(171,247,255)
```
#c5f9ff
```
#c5f9ff rgb(197,249,255)
```

Monochromatic Color

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

#78ffea
```
#78ffea rgb(120,255,234)
```
#78fff6
```
#78fff6 rgb(120,255,246)
```
#78fdff
```
#78fdff rgb(120,253,255)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```
#78e7ff
```
#78e7ff rgb(120,231,255)
```
#78dcff
```
#78dcff rgb(120,220,255)
```
#78d0ff
```
#78d0ff rgb(120,208,255)
```

Similar Colors

Text with hexadecimal color #78f2ff

This text has a font color of #78f2ff.

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

#78f2ff background color

This paragraph has a background color of #78f2ff.

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

#78f2ff border color

This element has a border color of #78f2ff.

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

CSS codes

.text {color:#78f2ff;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001416
```
#001416 rgb(0,20,22)
```
#00262a
```
#00262a rgb(0,38,42)
```
#00373d
```
#00373d rgb(0,55,61)
```
#004951
```
#004951 rgb(0,73,81)
```
#005b64
```
#005b64 rgb(0,91,100)
```
#006c78
```
#006c78 rgb(0,108,120)
```
#007e8c
```
#007e8c rgb(0,126,140)
```
#00909f
```
#00909f rgb(0,144,159)
```
#00a2b3
```
#00a2b3 rgb(0,162,179)
```
#00b3c6
```
#00b3c6 rgb(0,179,198)
```
#00c5da
```
#00c5da rgb(0,197,218)
```
#00d7ee
```
#00d7ee rgb(0,215,238)
```

Shade Color Variation

#02e7ff
```
#02e7ff rgb(2,231,255)
```
#16e9ff
```
#16e9ff rgb(22,233,255)
```
#2aeaff
```
#2aeaff rgb(42,234,255)
```
#3decff
```
#3decff rgb(61,236,255)
```
#51eeff
```
#51eeff rgb(81,238,255)
```
#64f0ff
```
#64f0ff rgb(100,240,255)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```
#8cf4ff
```
#8cf4ff rgb(140,244,255)
```
#9ff6ff
```
#9ff6ff rgb(159,246,255)
```
#b3f8ff
```
#b3f8ff rgb(179,248,255)
```
#c6faff
```
#c6faff rgb(198,250,255)
```
#dafbff
```
#dafbff rgb(218,251,255)
```
#eefdff
```
#eefdff rgb(238,253,255)
```

Tint Color Variation

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

#b6c0c1
```
#b6c0c1 rgb(182,192,193)
```
#b1c4c6
```
#b1c4c6 rgb(177,196,198)
```
#acc8cb
```
#acc8cb rgb(172,200,203)
```
#a7ccd0
```
#a7ccd0 rgb(167,204,208)
```
#a2d0d5
```
#a2d0d5 rgb(162,208,213)
```
#9cd5db
```
#9cd5db rgb(156,213,219)
```
#97d9e0
```
#97d9e0 rgb(151,217,224)
```
#92dde5
```
#92dde5 rgb(146,221,229)
```
#8de1ea
```
#8de1ea rgb(141,225,234)
```
#88e5ef
```
#88e5ef rgb(136,229,239)
```
#82eaf5
```
#82eaf5 rgb(130,234,245)
```
#7deefa
```
#7deefa rgb(125,238,250)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#bed6d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfe0f4 Protanopia 1% of men
#e3deff Deuteranopia 1% of men
#95efff Tritanopia 0.001% of the population

Trichromacy

#bae6f8 Protanomaly 1% of men, 0.01% of women
#bce5ff Deuteranomaly 6% of men, 0.4% of women
#8af0ff Tritanomaly 0.01% of the population

#78f2ff hex color

#78f2ff Color Information

#78f2ff Color Conversion

Color Schemes with #78f2ff

Alternatives to #78f2ff

#78f2ff Preview

Shades and Tints of #78f2ff

Tones of #78f2ff

Color Blindness Simulator