#78cff2 hex color

In a RGB color space, hex #78cff2 is composed of 47.1% red, 81.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 14.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 197.2 degrees, a saturation of 82.4% and a lightness of 71%. #78cff2 color hex could be obtained by blending #f0ffff with #009fe5. Closest websafe color is: #66ccff.

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

● #78cff2 color description : Soft blue.

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

Hex triplet	78cff2	`#78cff2`
RGB Decimal	120, 207, 242	`rgb(120,207,242)`
RGB Percent	47.1, 81.2, 94.9	`rgb(47.1%,81.2%,94.9%)`
CMYK	50, 14, 0, 5
HSL	197.2°, 82.4, 71	`hsl(197.2,82.4%,71%)`
HSV (or HSB)	197.2°, 50.4, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.057, -16.932, -25.318
XYZ	46.082, 55.027, 92.192
xyY	0.238, 0.285, 55.027
CIE-LCH	79.057, 30.458, 236.227
CIE-LUV	79.057, -38.319, -37.99
Hunter-Lab	74.18, -18.929, -21.761
Binary	01111000, 11001111, 11110010

#78cff2
```
#78cff2 rgb(120,207,242)
```
#f29b78
```
#f29b78 rgb(242,155,120)
```

Complementary Color

#78f2d8
```
#78f2d8 rgb(120,242,216)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#7892f2
```
#7892f2 rgb(120,146,242)
```

Analogous Color

#f2d878
```
#f2d878 rgb(242,216,120)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#f27892
```
#f27892 rgb(242,120,146)
```

Split Complementary Color

#cff278
```
#cff278 rgb(207,242,120)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#f278cf
```
#f278cf rgb(242,120,207)
```

Triadic Color

#78f29b
```
#78f29b rgb(120,242,155)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#f278cf
```
#f278cf rgb(242,120,207)
```
#f29b78
```
#f29b78 rgb(242,155,120)
```

Tetradic Color

#32b6eb
```
#32b6eb rgb(50,182,235)
```
#49beee
```
#49beee rgb(73,190,238)
```
#61c7f0
```
#61c7f0 rgb(97,199,240)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#8fd7f4
```
#8fd7f4 rgb(143,215,244)
```
#a7e0f6
```
#a7e0f6 rgb(167,224,246)
```
#bee8f9
```
#bee8f9 rgb(190,232,249)
```

Monochromatic Color

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

#78eef2
```
#78eef2 rgb(120,238,242)
```
#78e3f2
```
#78e3f2 rgb(120,227,242)
```
#78d9f2
```
#78d9f2 rgb(120,217,242)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#78c5f2
```
#78c5f2 rgb(120,197,242)
```
#78bbf2
```
#78bbf2 rgb(120,187,242)
```
#78b1f2
```
#78b1f2 rgb(120,177,242)
```

Similar Colors

Text with hexadecimal color #78cff2

This text has a font color of #78cff2.

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

#78cff2 background color

This paragraph has a background color of #78cff2.

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

#78cff2 border color

This element has a border color of #78cff2.

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

CSS codes

.text {color:#78cff2;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#03131a
```
#03131a rgb(3,19,26)
```
#04212c
```
#04212c rgb(4,33,44)
```
#062e3e
```
#062e3e rgb(6,46,62)
```
#083b50
```
#083b50 rgb(8,59,80)
```
#094862
```
#094862 rgb(9,72,98)
```
#0b5673
```
#0b5673 rgb(11,86,115)
```
#0d6385
```
#0d6385 rgb(13,99,133)
```
#0f7097
```
#0f7097 rgb(15,112,151)
```
#107da9
```
#107da9 rgb(16,125,169)
```
#128bbb
```
#128bbb rgb(18,139,187)
```
#1498cd
```
#1498cd rgb(20,152,205)
```
#15a5df
```
#15a5df rgb(21,165,223)
```

Shade Color Variation

#1fafe9
```
#1fafe9 rgb(31,175,233)
```
#30b6eb
```
#30b6eb rgb(48,182,235)
```
#42bced
```
#42bced rgb(66,188,237)
```
#54c2ef
```
#54c2ef rgb(84,194,239)
```
#66c9f0
```
#66c9f0 rgb(102,201,240)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#8ad5f4
```
#8ad5f4 rgb(138,213,244)
```
#9cdcf5
```
#9cdcf5 rgb(156,220,245)
```
#aee2f7
```
#aee2f7 rgb(174,226,247)
```
#c0e8f9
```
#c0e8f9 rgb(192,232,249)
```
#d1effb
```
#d1effb rgb(209,239,251)
```
#e3f5fc
```
#e3f5fc rgb(227,245,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

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

#b1b7b9
```
#b1b7b9 rgb(177,183,185)
```
#abb9bf
```
#abb9bf rgb(171,185,191)
```
#a6bcc4
```
#a6bcc4 rgb(166,188,196)
```
#a0beca
```
#a0beca rgb(160,190,202)
```
#9ac0d0
```
#9ac0d0 rgb(154,192,208)
```
#94c3d6
```
#94c3d6 rgb(148,195,214)
```
#8fc5db
```
#8fc5db rgb(143,197,219)
```
#89c8e1
```
#89c8e1 rgb(137,200,225)
```
#83cae7
```
#83cae7 rgb(131,202,231)
```
#7ecdec
```
#7ecdec rgb(126,205,236)
```
#78cff2
```
#78cff2 rgb(120,207,242)
```
#72d1f8
```
#72d1f8 rgb(114,209,248)
```
#6dd4fd
```
#6dd4fd rgb(109,212,253)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#acbdc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec5ea Protanopia 1% of men
#bdc3f7 Deuteranopia 1% of men
#78d4e3 Tritanopia 0.001% of the population

Trichromacy

#a4c8ed Protanomaly 1% of men, 0.01% of women
#a4c7f5 Deuteranomaly 6% of men, 0.4% of women
#78d2e8 Tritanomaly 0.01% of the population

#78cff2 hex color

#78cff2 Color Information

#78cff2 Color Conversion

Color Schemes with #78cff2

Alternatives to #78cff2

#78cff2 Preview

Shades and Tints of #78cff2

Tones of #78cff2

Color Blindness Simulator