#78bbef hex color

In a RGB color space, hex #78bbef is composed of 47.1% red, 73.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 21.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 206.2 degrees, a saturation of 78.8% and a lightness of 70.4%. #78bbef color hex could be obtained by blending #f0ffff with #0077df. Closest websafe color is: #66ccff.

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

● #78bbef color description : Soft blue.

The hexadecimal color #78bbef has RGB values of R:120, G:187, B:239 and CMYK values of C:0.5, M:0.22, Y:0, K:0.06. Its decimal value is 7912431.

Hex triplet	78bbef	`#78bbef`
RGB Decimal	120, 187, 239	`rgb(120,187,239)`
RGB Percent	47.1, 73.3, 93.7	`rgb(47.1%,73.3%,93.7%)`
CMYK	50, 22, 0, 6
HSL	206.2°, 78.8, 70.4	`hsl(206.2,78.8%,70.4%)`
HSV (or HSB)	206.2°, 49.8, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.392, -7.235, -32.401
XYZ	41.092, 45.763, 88.324
xyY	0.235, 0.261, 45.763
CIE-LCH	73.392, 33.199, 257.413
CIE-LUV	73.392, -30.752, -50.911
Hunter-Lab	67.649, -9.958, -30.057
Binary	01111000, 10111011, 11101111

#78bbef
```
#78bbef rgb(120,187,239)
```
#efac78
```
#efac78 rgb(239,172,120)
```

Complementary Color

#78efe8
```
#78efe8 rgb(120,239,232)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#7880ef
```
#7880ef rgb(120,128,239)
```

Analogous Color

#efe878
```
#efe878 rgb(239,232,120)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#ef7880
```
#ef7880 rgb(239,120,128)
```

Split Complementary Color

#bbef78
```
#bbef78 rgb(187,239,120)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#ef78bb
```
#ef78bb rgb(239,120,187)
```

Triadic Color

#78efac
```
#78efac rgb(120,239,172)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#ef78bb
```
#ef78bb rgb(239,120,187)
```
#efac78
```
#efac78 rgb(239,172,120)
```

Tetradic Color

#3499e7
```
#3499e7 rgb(52,153,231)
```
#4aa4ea
```
#4aa4ea rgb(74,164,234)
```
#61b0ec
```
#61b0ec rgb(97,176,236)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#8fc6f2
```
#8fc6f2 rgb(143,198,242)
```
#a6d2f4
```
#a6d2f4 rgb(166,210,244)
```
#bcddf7
```
#bcddf7 rgb(188,221,247)
```

Monochromatic Color

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

#78d9ef
```
#78d9ef rgb(120,217,239)
```
#78cfef
```
#78cfef rgb(120,207,239)
```
#78c5ef
```
#78c5ef rgb(120,197,239)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#78b1ef
```
#78b1ef rgb(120,177,239)
```
#78a7ef
```
#78a7ef rgb(120,167,239)
```
#789def
```
#789def rgb(120,157,239)
```

Similar Colors

Text with hexadecimal color #78bbef

This text has a font color of #78bbef.

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

#78bbef background color

This paragraph has a background color of #78bbef.

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

#78bbef border color

This element has a border color of #78bbef.

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

CSS codes

.text {color:#78bbef;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#030e17
```
#030e17 rgb(3,14,23)
```
#051928
```
#051928 rgb(5,25,40)
```
#07243a
```
#07243a rgb(7,36,58)
```
#092e4b
```
#092e4b rgb(9,46,75)
```
#0b395d
```
#0b395d rgb(11,57,93)
```
#0d446f
```
#0d446f rgb(13,68,111)
```
#0f4f80
```
#0f4f80 rgb(15,79,128)
```
#115a92
```
#115a92 rgb(17,90,146)
```
#1364a3
```
#1364a3 rgb(19,100,163)
```
#156fb5
```
#156fb5 rgb(21,111,181)
```
#177ac6
```
#177ac6 rgb(23,122,198)
```
#1a85d8
```
#1a85d8 rgb(26,133,216)
```

Shade Color Variation

#208fe5
```
#208fe5 rgb(32,143,229)
```
#3298e7
```
#3298e7 rgb(50,152,231)
```
#43a0e9
```
#43a0e9 rgb(67,160,233)
```
#55a9eb
```
#55a9eb rgb(85,169,235)
```
#66b2ed
```
#66b2ed rgb(102,178,237)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#8ac4f1
```
#8ac4f1 rgb(138,196,241)
```
#9bcdf3
```
#9bcdf3 rgb(155,205,243)
```
#add6f5
```
#add6f5 rgb(173,214,245)
```
#bedef7
```
#bedef7 rgb(190,222,247)
```
#d0e7f9
```
#d0e7f9 rgb(208,231,249)
```
#e1f0fb
```
#e1f0fb rgb(225,240,251)
```
#f3f9fe
```
#f3f9fe rgb(243,249,254)
```

Tint Color Variation

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

#b2b4b5
```
#b2b4b5 rgb(178,180,181)
```
#acb4bb
```
#acb4bb rgb(172,180,187)
```
#a6b5c1
```
#a6b5c1 rgb(166,181,193)
```
#a1b6c6
```
#a1b6c6 rgb(161,182,198)
```
#9bb7cc
```
#9bb7cc rgb(155,183,204)
```
#95b7d2
```
#95b7d2 rgb(149,183,210)
```
#8fb8d8
```
#8fb8d8 rgb(143,184,216)
```
#89b9de
```
#89b9de rgb(137,185,222)
```
#84bae3
```
#84bae3 rgb(132,186,227)
```
#7ebae9
```
#7ebae9 rgb(126,186,233)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#6cbcfb
```
#6cbcfb rgb(108,188,251)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a2b0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b6ea Protanopia 1% of men
#a5b5f3 Deuteranopia 1% of men
#72c4d2 Tritanopia 0.001% of the population

Trichromacy

#97b7eb Protanomaly 1% of men, 0.01% of women
#95b7f1 Deuteranomaly 6% of men, 0.4% of women
#74c0dc Tritanomaly 0.01% of the population

#78bbef hex color

#78bbef Color Information

#78bbef Color Conversion

Color Schemes with #78bbef

Alternatives to #78bbef

#78bbef Preview

Shades and Tints of #78bbef

Tones of #78bbef

Color Blindness Simulator