#78bddb hex color

In a RGB color space, hex #78bddb is composed of 47.1% red, 74.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 13.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 198.2 degrees, a saturation of 57.9% and a lightness of 66.5%. #78bddb color hex could be obtained by blending #f0ffff with #007bb7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 74
- B 86
RGB color chart
- C 45
- M 14
- Y 0
- K 14
CMYK color chart

● #78bddb color description : Soft blue.

The hexadecimal color #78bddb has RGB values of R:120, G:189, B:219 and CMYK values of C:0.45, M:0.14, Y:0, K:0.14. Its decimal value is 7912923.

Hex triplet	78bddb	`#78bddb`
RGB Decimal	120, 189, 219	`rgb(120,189,219)`
RGB Percent	47.1, 74.1, 85.9	`rgb(47.1%,74.1%,85.9%)`
CMYK	45, 14, 0, 14
HSL	198.2°, 57.9, 66.5	`hsl(198.2,57.9%,66.5%)`
HSV (or HSB)	198.2°, 45.2, 85.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.22, -13.896, -21.819
XYZ	38.726, 45.501, 73.756
xyY	0.245, 0.288, 45.501
CIE-LCH	73.22, 25.869, 237.509
CIE-LUV	73.22, -31.873, -32.22
Hunter-Lab	67.454, -15.566, -17.611
Binary	01111000, 10111101, 11011011

#78bddb
```
#78bddb rgb(120,189,219)
```
#db9678
```
#db9678 rgb(219,150,120)
```

Complementary Color

#78dbc8
```
#78dbc8 rgb(120,219,200)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#788cdb
```
#788cdb rgb(120,140,219)
```

Analogous Color

#dbc878
```
#dbc878 rgb(219,200,120)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#db788c
```
#db788c rgb(219,120,140)
```

Split Complementary Color

#bddb78
```
#bddb78 rgb(189,219,120)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#db78bd
```
#db78bd rgb(219,120,189)
```

Triadic Color

#78db96
```
#78db96 rgb(120,219,150)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#db78bd
```
#db78bd rgb(219,120,189)
```
#db9678
```
#db9678 rgb(219,150,120)
```

Tetradic Color

#3c9fcb
```
#3c9fcb rgb(60,159,203)
```
#50a9d0
```
#50a9d0 rgb(80,169,208)
```
#64b3d6
```
#64b3d6 rgb(100,179,214)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#8cc7e0
```
#8cc7e0 rgb(140,199,224)
```
#a0d1e6
```
#a0d1e6 rgb(160,209,230)
```
#b4dbeb
```
#b4dbeb rgb(180,219,235)
```

Monochromatic Color

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

#78d6db
```
#78d6db rgb(120,214,219)
```
#78cedb
```
#78cedb rgb(120,206,219)
```
#78c5db
```
#78c5db rgb(120,197,219)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#78b5db
```
#78b5db rgb(120,181,219)
```
#78addb
```
#78addb rgb(120,173,219)
```
#78a4db
```
#78a4db rgb(120,164,219)
```

Similar Colors

Text with hexadecimal color #78bddb

This text has a font color of #78bddb.

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

#78bddb background color

This paragraph has a background color of #78bddb.

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

#78bddb border color

This element has a border color of #78bddb.

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

CSS codes

.text {color:#78bddb;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050f14
```
#050f14 rgb(5,15,20)
```
#091b23
```
#091b23 rgb(9,27,35)
```
#0e2833
```
#0e2833 rgb(14,40,51)
```
#123442
```
#123442 rgb(18,52,66)
```
#164052
```
#164052 rgb(22,64,82)
```
#1a4c61
```
#1a4c61 rgb(26,76,97)
```
#1e5871
```
#1e5871 rgb(30,88,113)
```
#226480
```
#226480 rgb(34,100,128)
```
#267090
```
#267090 rgb(38,112,144)
```
#2a7c9f
```
#2a7c9f rgb(42,124,159)
```
#2f88af
```
#2f88af rgb(47,136,175)
```
#3394be
```
#3394be rgb(51,148,190)
```

Shade Color Variation

#3a9fca
```
#3a9fca rgb(58,159,202)
```
#4aa6cf
```
#4aa6cf rgb(74,166,207)
```
#59aed3
```
#59aed3 rgb(89,174,211)
```
#69b5d7
```
#69b5d7 rgb(105,181,215)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#87c5df
```
#87c5df rgb(135,197,223)
```
#97cce3
```
#97cce3 rgb(151,204,227)
```
#a6d4e7
```
#a6d4e7 rgb(166,212,231)
```
#b6dbec
```
#b6dbec rgb(182,219,236)
```
#c5e3f0
```
#c5e3f0 rgb(197,227,240)
```
#d5eaf4
```
#d5eaf4 rgb(213,234,244)
```
#e4f2f8
```
#e4f2f8 rgb(228,242,248)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#a6abad
```
#a6abad rgb(166,171,173)
```
#9fadb4
```
#9fadb4 rgb(159,173,180)
```
#99b0ba
```
#99b0ba rgb(153,176,186)
```
#92b3c1
```
#92b3c1 rgb(146,179,193)
```
#8cb5c7
```
#8cb5c7 rgb(140,181,199)
```
#85b8ce
```
#85b8ce rgb(133,184,206)
```
#7fbad4
```
#7fbad4 rgb(127,186,212)
```
#78bddb
```
#78bddb rgb(120,189,219)
```
#71c0e2
```
#71c0e2 rgb(113,192,226)
```
#6bc2e8
```
#6bc2e8 rgb(107,194,232)
```
#64c5ef
```
#64c5ef rgb(100,197,239)
```
#5ec7f5
```
#5ec7f5 rgb(94,199,245)
```
#57cafc
```
#57cafc rgb(87,202,252)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a2afb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b6d6 Protanopia 1% of men
#b2b4e1 Deuteranopia 1% of men
#7ac2d0 Tritanopia 0.001% of the population

Trichromacy

#9cb8d8 Protanomaly 1% of men, 0.01% of women
#9cb7df Deuteranomaly 6% of men, 0.4% of women
#79c0d4 Tritanomaly 0.01% of the population

#78bddb hex color

#78bddb Color Information

#78bddb Color Conversion

Color Schemes with #78bddb

Alternatives to #78bddb

#78bddb Preview

Shades and Tints of #78bddb

Tones of #78bddb

Color Blindness Simulator