#78bbed hex color

In a RGB color space, hex #78bbed is composed of 47.1% red, 73.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 21.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 205.6 degrees, a saturation of 76.5% and a lightness of 70%. #78bbed color hex could be obtained by blending #f0ffff with #0077db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 47
- G 73
- B 93
RGB color chart
- C 49
- M 21
- Y 0
- K 7
CMYK color chart

● #78bbed color description : Soft blue.

The hexadecimal color #78bbed has RGB values of R:120, G:187, B:237 and CMYK values of C:0.49, M:0.21, Y:0, K:0.07. Its decimal value is 7912429.

Hex triplet	78bbed	`#78bbed`
RGB Decimal	120, 187, 237	`rgb(120,187,237)`
RGB Percent	47.1, 73.3, 92.9	`rgb(47.1%,73.3%,92.9%)`
CMYK	49, 21, 0, 7
HSL	205.6°, 76.5, 70	`hsl(205.6,76.5%,70%)`
HSV (or HSB)	205.6°, 49.4, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.315, -7.808, -31.437
XYZ	40.798, 45.646, 86.777
xyY	0.236, 0.264, 45.646
CIE-LCH	73.315, 32.392, 256.052
CIE-LUV	73.315, -30.783, -49.192
Hunter-Lab	67.562, -10.442, -28.859
Binary	01111000, 10111011, 11101101

#78bbed
```
#78bbed rgb(120,187,237)
```
#edaa78
```
#edaa78 rgb(237,170,120)
```

Complementary Color

#78ede5
```
#78ede5 rgb(120,237,229)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#7881ed
```
#7881ed rgb(120,129,237)
```

Analogous Color

#ede578
```
#ede578 rgb(237,229,120)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#ed7881
```
#ed7881 rgb(237,120,129)
```

Split Complementary Color

#bbed78
```
#bbed78 rgb(187,237,120)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#ed78bb
```
#ed78bb rgb(237,120,187)
```

Triadic Color

#78edaa
```
#78edaa rgb(120,237,170)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#ed78bb
```
#ed78bb rgb(237,120,187)
```
#edaa78
```
#edaa78 rgb(237,170,120)
```

Tetradic Color

#3599e4
```
#3599e4 rgb(53,153,228)
```
#4ba4e7
```
#4ba4e7 rgb(75,164,231)
```
#62b0ea
```
#62b0ea rgb(98,176,234)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#8fc6f0
```
#8fc6f0 rgb(143,198,240)
```
#a5d2f3
```
#a5d2f3 rgb(165,210,243)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```

Monochromatic Color

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

#78d8ed
```
#78d8ed rgb(120,216,237)
```
#78cfed
```
#78cfed rgb(120,207,237)
```
#78c5ed
```
#78c5ed rgb(120,197,237)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#78b1ed
```
#78b1ed rgb(120,177,237)
```
#78a8ed
```
#78a8ed rgb(120,168,237)
```
#789eed
```
#789eed rgb(120,158,237)
```

Similar Colors

Text with hexadecimal color #78bbed

This text has a font color of #78bbed.

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

#78bbed background color

This paragraph has a background color of #78bbed.

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

#78bbed border color

This element has a border color of #78bbed.

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

CSS codes

.text {color:#78bbed;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#030d15
```
#030d15 rgb(3,13,21)
```
#051826
```
#051826 rgb(5,24,38)
```
#072337
```
#072337 rgb(7,35,55)
```
#0a2e49
```
#0a2e49 rgb(10,46,73)
```
#0c395a
```
#0c395a rgb(12,57,90)
```
#0e446b
```
#0e446b rgb(14,68,107)
```
#114e7d
```
#114e7d rgb(17,78,125)
```
#13598e
```
#13598e rgb(19,89,142)
```
#15649f
```
#15649f rgb(21,100,159)
```
#186fb1
```
#186fb1 rgb(24,111,177)
```
#1a7ac2
```
#1a7ac2 rgb(26,122,194)
```
#1c85d3
```
#1c85d3 rgb(28,133,211)
```

Shade Color Variation

#218fe1
```
#218fe1 rgb(33,143,225)
```
#3398e4
```
#3398e4 rgb(51,152,228)
```
#44a1e6
```
#44a1e6 rgb(68,161,230)
```
#55aae8
```
#55aae8 rgb(85,170,232)
```
#67b2eb
```
#67b2eb rgb(103,178,235)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#89c4ef
```
#89c4ef rgb(137,196,239)
```
#9bccf2
```
#9bccf2 rgb(155,204,242)
```
#acd5f4
```
#acd5f4 rgb(172,213,244)
```
#bddef6
```
#bddef6 rgb(189,222,246)
```
#cfe7f9
```
#cfe7f9 rgb(207,231,249)
```
#e0effb
```
#e0effb rgb(224,239,251)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

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

#adb3b8
```
#adb3b8 rgb(173,179,184)
```
#a7b4be
```
#a7b4be rgb(167,180,190)
```
#a1b5c4
```
#a1b5c4 rgb(161,181,196)
```
#9bb6ca
```
#9bb6ca rgb(155,182,202)
```
#95b7d0
```
#95b7d0 rgb(149,183,208)
```
#90b8d5
```
#90b8d5 rgb(144,184,213)
```
#8ab8db
```
#8ab8db rgb(138,184,219)
```
#84b9e1
```
#84b9e1 rgb(132,185,225)
```
#7ebae7
```
#7ebae7 rgb(126,186,231)
```
#78bbed
```
#78bbed rgb(120,187,237)
```
#72bcf3
```
#72bcf3 rgb(114,188,243)
```
#6cbdf9
```
#6cbdf9 rgb(108,189,249)
```
#66beff
```
#66beff rgb(102,190,255)
```

Tone Color Variation

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

#a9b6e8 Protanopia 1% of men
#a6b5f1 Deuteranopia 1% of men
#73c3d2 Tritanopia 0.001% of the population

Trichromacy

#97b7ea Protanomaly 1% of men, 0.01% of women
#95b7ef Deuteranomaly 6% of men, 0.4% of women
#75c0db Tritanomaly 0.01% of the population

#78bbed hex color

#78bbed Color Information

#78bbed Color Conversion

Color Schemes with #78bbed

Alternatives to #78bbed

#78bbed Preview

Shades and Tints of #78bbed

Tones of #78bbed

Color Blindness Simulator