#78bff1 hex color

In a RGB color space, hex #78bff1 is composed of 47.1% red, 74.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 20.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 204.8 degrees, a saturation of 81.2% and a lightness of 70.8%. #78bff1 color hex could be obtained by blending #f0ffff with #007fe3. Closest websafe color is: #66ccff.

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

● #78bff1 color description : Soft blue.

The hexadecimal color #78bff1 has RGB values of R:120, G:191, B:241 and CMYK values of C:0.5, M:0.21, Y:0, K:0.05. Its decimal value is 7913457.

Hex triplet	78bff1	`#78bff1`
RGB Decimal	120, 191, 241	`rgb(120,191,241)`
RGB Percent	47.1, 74.9, 94.5	`rgb(47.1%,74.9%,94.5%)`
CMYK	50, 21, 0, 5
HSL	204.8°, 81.2, 70.8	`hsl(204.8,81.2%,70.8%)`
HSV (or HSB)	204.8°, 50.2, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.574, -8.813, -31.658
XYZ	42.25, 47.603, 90.176
xyY	0.235, 0.264, 47.603
CIE-LCH	74.574, 32.861, 254.444
CIE-LUV	74.574, -32.24, -49.54
Hunter-Lab	68.995, -11.435, -29.195
Binary	01111000, 10111111, 11110001

#78bff1
```
#78bff1 rgb(120,191,241)
```
#f1aa78
```
#f1aa78 rgb(241,170,120)
```

Complementary Color

#78f1e7
```
#78f1e7 rgb(120,241,231)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#7883f1
```
#7883f1 rgb(120,131,241)
```

Analogous Color

#f1e778
```
#f1e778 rgb(241,231,120)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#f17883
```
#f17883 rgb(241,120,131)
```

Split Complementary Color

#bff178
```
#bff178 rgb(191,241,120)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#f178bf
```
#f178bf rgb(241,120,191)
```

Triadic Color

#78f1aa
```
#78f1aa rgb(120,241,170)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#f178bf
```
#f178bf rgb(241,120,191)
```
#f1aa78
```
#f1aa78 rgb(241,170,120)
```

Tetradic Color

#339eea
```
#339eea rgb(51,158,234)
```
#4aa9ec
```
#4aa9ec rgb(74,169,236)
```
#61b4ef
```
#61b4ef rgb(97,180,239)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#8fcaf3
```
#8fcaf3 rgb(143,202,243)
```
#a6d5f6
```
#a6d5f6 rgb(166,213,246)
```
#bde0f8
```
#bde0f8 rgb(189,224,248)
```

Monochromatic Color

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

#78ddf1
```
#78ddf1 rgb(120,221,241)
```
#78d3f1
```
#78d3f1 rgb(120,211,241)
```
#78c9f1
```
#78c9f1 rgb(120,201,241)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#78b5f1
```
#78b5f1 rgb(120,181,241)
```
#78abf1
```
#78abf1 rgb(120,171,241)
```
#78a1f1
```
#78a1f1 rgb(120,161,241)
```

Similar Colors

Text with hexadecimal color #78bff1

This text has a font color of #78bff1.

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

#78bff1 background color

This paragraph has a background color of #78bff1.

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

#78bff1 border color

This element has a border color of #78bff1.

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

CSS codes

.text {color:#78bff1;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031019
```
#031019 rgb(3,16,25)
```
#041b2b
```
#041b2b rgb(4,27,43)
```
#06263c
```
#06263c rgb(6,38,60)
```
#08314e
```
#08314e rgb(8,49,78)
```
#0a3c60
```
#0a3c60 rgb(10,60,96)
```
#0c4872
```
#0c4872 rgb(12,72,114)
```
#0e5384
```
#0e5384 rgb(14,83,132)
```
#0f5e95
```
#0f5e95 rgb(15,94,149)
```
#1169a7
```
#1169a7 rgb(17,105,167)
```
#1374b9
```
#1374b9 rgb(19,116,185)
```
#1580cb
```
#1580cb rgb(21,128,203)
```
#178bdc
```
#178bdc rgb(23,139,220)
```

Shade Color Variation

#1f95e8
```
#1f95e8 rgb(31,149,232)
```
#319dea
```
#319dea rgb(49,157,234)
```
#43a6eb
```
#43a6eb rgb(67,166,235)
```
#54aeed
```
#54aeed rgb(84,174,237)
```
#66b7ef
```
#66b7ef rgb(102,183,239)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#8ac7f3
```
#8ac7f3 rgb(138,199,243)
```
#9cd0f5
```
#9cd0f5 rgb(156,208,245)
```
#add8f7
```
#add8f7 rgb(173,216,247)
```
#bfe1f8
```
#bfe1f8 rgb(191,225,248)
```
#d1e9fa
```
#d1e9fa rgb(209,233,250)
```
#e3f2fc
```
#e3f2fc rgb(227,242,252)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#b1b5b8
```
#b1b5b8 rgb(177,181,184)
```
#acb6bd
```
#acb6bd rgb(172,182,189)
```
#a6b7c3
```
#a6b7c3 rgb(166,183,195)
```
#a0b8c9
```
#a0b8c9 rgb(160,184,201)
```
#9ab9cf
```
#9ab9cf rgb(154,185,207)
```
#95bad4
```
#95bad4 rgb(149,186,212)
```
#8fbbda
```
#8fbbda rgb(143,187,218)
```
#89bce0
```
#89bce0 rgb(137,188,224)
```
#83bde6
```
#83bde6 rgb(131,189,230)
```
#7ebeeb
```
#7ebeeb rgb(126,190,235)
```
#78bff1
```
#78bff1 rgb(120,191,241)
```
#72c0f7
```
#72c0f7 rgb(114,192,247)
```
#6dc1fc
```
#6dc1fc rgb(109,193,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a4b2bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb9eb Protanopia 1% of men
#a9b8f5 Deuteranopia 1% of men
#73c7d6 Tritanopia 0.001% of the population

Trichromacy

#99bbed Protanomaly 1% of men, 0.01% of women
#97bbf3 Deuteranomaly 6% of men, 0.4% of women
#74c4df Tritanomaly 0.01% of the population

#78bff1 hex color

#78bff1 Color Information

#78bff1 Color Conversion

Color Schemes with #78bff1

Alternatives to #78bff1

#78bff1 Preview

Shades and Tints of #78bff1

Tones of #78bff1

Color Blindness Simulator