#78bdd5 hex color

In a RGB color space, hex #78bdd5 is composed of 47.1% red, 74.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 11.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 195.5 degrees, a saturation of 52.5% and a lightness of 65.3%. #78bdd5 color hex could be obtained by blending #f0ffff with #007bab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 74
- B 84
RGB color chart
- C 44
- M 11
- Y 0
- K 16
CMYK color chart

● #78bdd5 color description : Slightly desaturated blue.

The hexadecimal color #78bdd5 has RGB values of R:120, G:189, B:213 and CMYK values of C:0.44, M:0.11, Y:0, K:0.16. Its decimal value is 7912917.

Hex triplet	78bdd5	`#78bdd5`
RGB Decimal	120, 189, 213	`rgb(120,189,213)`
RGB Percent	47.1, 74.1, 83.5	`rgb(47.1%,74.1%,83.5%)`
CMYK	44, 11, 0, 16
HSL	195.5°, 52.5, 65.3	`hsl(195.5,52.5%,65.3%)`
HSV (or HSB)	195.5°, 43.7, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.017, -15.512, -18.865
XYZ	37.951, 45.19, 69.67
xyY	0.248, 0.296, 45.19
CIE-LCH	73.017, 24.423, 230.571
CIE-LUV	73.017, -31.985, -27.109
Hunter-Lab	67.224, -16.871, -14.391
Binary	01111000, 10111101, 11010101

#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#d59078
```
#d59078 rgb(213,144,120)
```

Complementary Color

#78d5bf
```
#78d5bf rgb(120,213,191)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#788fd5
```
#788fd5 rgb(120,143,213)
```

Analogous Color

#d5bf78
```
#d5bf78 rgb(213,191,120)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#d5788f
```
#d5788f rgb(213,120,143)
```

Split Complementary Color

#bdd578
```
#bdd578 rgb(189,213,120)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#d578bd
```
#d578bd rgb(213,120,189)
```

Triadic Color

#78d590
```
#78d590 rgb(120,213,144)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#d578bd
```
#d578bd rgb(213,120,189)
```
#d59078
```
#d59078 rgb(213,144,120)
```

Tetradic Color

#3ea0c3
```
#3ea0c3 rgb(62,160,195)
```
#51aac9
```
#51aac9 rgb(81,170,201)
```
#65b3cf
```
#65b3cf rgb(101,179,207)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#8bc7db
```
#8bc7db rgb(139,199,219)
```
#9fd0e1
```
#9fd0e1 rgb(159,208,225)
```
#b2dae7
```
#b2dae7 rgb(178,218,231)
```

Monochromatic Color

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

#78d4d5
```
#78d4d5 rgb(120,212,213)
```
#78cdd5
```
#78cdd5 rgb(120,205,213)
```
#78c5d5
```
#78c5d5 rgb(120,197,213)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#78b5d5
```
#78b5d5 rgb(120,181,213)
```
#78aed5
```
#78aed5 rgb(120,174,213)
```
#78a6d5
```
#78a6d5 rgb(120,166,213)
```

Similar Colors

Text with hexadecimal color #78bdd5

This text has a font color of #78bdd5.

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

#78bdd5 background color

This paragraph has a background color of #78bdd5.

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

#78bdd5 border color

This element has a border color of #78bdd5.

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

CSS codes

.text {color:#78bdd5;}

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

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

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, #050c0f is the darkest color, while #ffffff is the lightest one.

#050c0f
```
#050c0f rgb(5,12,15)
```
#09181e
```
#09181e rgb(9,24,30)
```
#0e252d
```
#0e252d rgb(14,37,45)
```
#13313b
```
#13313b rgb(19,49,59)
```
#173d4a
```
#173d4a rgb(23,61,74)
```
#1c4a59
```
#1c4a59 rgb(28,74,89)
```
#205668
```
#205668 rgb(32,86,104)
```
#256277
```
#256277 rgb(37,98,119)
```
#2a6e86
```
#2a6e86 rgb(42,110,134)
```
#2e7b95
```
#2e7b95 rgb(46,123,149)
```
#3387a4
```
#3387a4 rgb(51,135,164)
```
#3893b3
```
#3893b3 rgb(56,147,179)
```
#3ca0c2
```
#3ca0c2 rgb(60,160,194)
```

Shade Color Variation

#4ba7c7
```
#4ba7c7 rgb(75,167,199)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#69b6d0
```
#69b6d0 rgb(105,182,208)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#87c4da
```
#87c4da rgb(135,196,218)
```
#96ccde
```
#96ccde rgb(150,204,222)
```
#a5d3e3
```
#a5d3e3 rgb(165,211,227)
```
#b4dae8
```
#b4dae8 rgb(180,218,232)
```
#c3e2ec
```
#c3e2ec rgb(195,226,236)
```
#d2e9f1
```
#d2e9f1 rgb(210,233,241)
```
#e1f0f6
```
#e1f0f6 rgb(225,240,246)
```
#f0f8fa
```
#f0f8fa rgb(240,248,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a1a9ac
```
#a1a9ac rgb(161,169,172)
```
#9aadb3
```
#9aadb3 rgb(154,173,179)
```
#93b0ba
```
#93b0ba rgb(147,176,186)
```
#8cb3c1
```
#8cb3c1 rgb(140,179,193)
```
#86b6c7
```
#86b6c7 rgb(134,182,199)
```
#7fbace
```
#7fbace rgb(127,186,206)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#71c0dc
```
#71c0dc rgb(113,192,220)
```
#6ac4e3
```
#6ac4e3 rgb(106,196,227)
```
#64c7e9
```
#64c7e9 rgb(100,199,233)
```
#5dcaf0
```
#5dcaf0 rgb(93,202,240)
```
#56cdf7
```
#56cdf7 rgb(86,205,247)
```
#4fd1fe
```
#4fd1fe rgb(79,209,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a1afb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b5d0 Protanopia 1% of men
#b4b3db Deuteranopia 1% of men
#7cc1cf Tritanopia 0.001% of the population

Trichromacy

#9cb8d2 Protanomaly 1% of men, 0.01% of women
#9eb7d9 Deuteranomaly 6% of men, 0.4% of women
#7ac0d1 Tritanomaly 0.01% of the population

#78bdd5 hex color

#78bdd5 Color Information

#78bdd5 Color Conversion

Color Schemes with #78bdd5

Alternatives to #78bdd5

#78bdd5 Preview

Shades and Tints of #78bdd5

Tones of #78bdd5

Color Blindness Simulator