#78bdda hex color

In a RGB color space, hex #78bdda is composed of 47.1% red, 74.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 13.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 197.8 degrees, a saturation of 57% and a lightness of 66.3%. #78bdda color hex could be obtained by blending #f0ffff with #007bb5. Closest websafe color is: #66cccc.

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

● #78bdda color description : Very soft blue.

The hexadecimal color #78bdda has RGB values of R:120, G:189, B:218 and CMYK values of C:0.45, M:0.13, Y:0, K:0.15. Its decimal value is 7912922.

Hex triplet	78bdda	`#78bdda`
RGB Decimal	120, 189, 218	`rgb(120,189,218)`
RGB Percent	47.1, 74.1, 85.5	`rgb(47.1%,74.1%,85.5%)`
CMYK	45, 13, 0, 15
HSL	197.8°, 57, 66.3	`hsl(197.8,57%,66.3%)`
HSV (or HSB)	197.8°, 45, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.186, -14.167, -21.328
XYZ	38.595, 45.448, 73.064
xyY	0.246, 0.289, 45.448
CIE-LCH	73.186, 25.605, 236.406
CIE-LUV	73.186, -31.891, -31.366
Hunter-Lab	67.415, -15.786, -17.068
Binary	01111000, 10111101, 11011010

#78bdda
```
#78bdda rgb(120,189,218)
```
#da9578
```
#da9578 rgb(218,149,120)
```

Complementary Color

#78dac6
```
#78dac6 rgb(120,218,198)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#788cda
```
#788cda rgb(120,140,218)
```

Analogous Color

#dac678
```
#dac678 rgb(218,198,120)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#da788c
```
#da788c rgb(218,120,140)
```

Split Complementary Color

#bdda78
```
#bdda78 rgb(189,218,120)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#da78bd
```
#da78bd rgb(218,120,189)
```

Triadic Color

#78da95
```
#78da95 rgb(120,218,149)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#da78bd
```
#da78bd rgb(218,120,189)
```
#da9578
```
#da9578 rgb(218,149,120)
```

Tetradic Color

#3ca0ca
```
#3ca0ca rgb(60,160,202)
```
#50a9cf
```
#50a9cf rgb(80,169,207)
```
#64b3d5
```
#64b3d5 rgb(100,179,213)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#8cc7df
```
#8cc7df rgb(140,199,223)
```
#a0d1e5
```
#a0d1e5 rgb(160,209,229)
```
#b4daea
```
#b4daea rgb(180,218,234)
```

Monochromatic Color

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

#78d6da
```
#78d6da rgb(120,214,218)
```
#78cdda
```
#78cdda rgb(120,205,218)
```
#78c5da
```
#78c5da rgb(120,197,218)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#78b5da
```
#78b5da rgb(120,181,218)
```
#78adda
```
#78adda rgb(120,173,218)
```
#78a5da
```
#78a5da rgb(120,165,218)
```

Similar Colors

Text with hexadecimal color #78bdda

This text has a font color of #78bdda.

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

#78bdda background color

This paragraph has a background color of #78bdda.

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

#78bdda border color

This element has a border color of #78bdda.

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

CSS codes

.text {color:#78bdda;}

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

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

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 #f3f9fc is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#050f13
```
#050f13 rgb(5,15,19)
```
#091b22
```
#091b22 rgb(9,27,34)
```
#0e2732
```
#0e2732 rgb(14,39,50)
```
#123341
```
#123341 rgb(18,51,65)
```
#163f51
```
#163f51 rgb(22,63,81)
```
#1a4b60
```
#1a4b60 rgb(26,75,96)
```
#1f576f
```
#1f576f rgb(31,87,111)
```
#23647f
```
#23647f rgb(35,100,127)
```
#27708e
```
#27708e rgb(39,112,142)
```
#2b7c9e
```
#2b7c9e rgb(43,124,158)
```
#2f88ad
```
#2f88ad rgb(47,136,173)
```
#3494bc
```
#3494bc rgb(52,148,188)
```

Shade Color Variation

#3a9fc9
```
#3a9fc9 rgb(58,159,201)
```
#4aa6cd
```
#4aa6cd rgb(74,166,205)
```
#59aed2
```
#59aed2 rgb(89,174,210)
```
#69b5d6
```
#69b5d6 rgb(105,181,214)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#87c5de
```
#87c5de rgb(135,197,222)
```
#97cce2
```
#97cce2 rgb(151,204,226)
```
#a6d4e7
```
#a6d4e7 rgb(166,212,231)
```
#b6dbeb
```
#b6dbeb rgb(182,219,235)
```
#c5e3ef
```
#c5e3ef rgb(197,227,239)
```
#d4eaf3
```
#d4eaf3 rgb(212,234,243)
```
#e4f2f8
```
#e4f2f8 rgb(228,242,248)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#a6aaac
```
#a6aaac rgb(166,170,172)
```
#a0adb2
```
#a0adb2 rgb(160,173,178)
```
#99afb9
```
#99afb9 rgb(153,175,185)
```
#92b2c0
```
#92b2c0 rgb(146,178,192)
```
#8cb5c6
```
#8cb5c6 rgb(140,181,198)
```
#85b8cd
```
#85b8cd rgb(133,184,205)
```
#7fbad3
```
#7fbad3 rgb(127,186,211)
```
#78bdda
```
#78bdda rgb(120,189,218)
```
#71c0e1
```
#71c0e1 rgb(113,192,225)
```
#6bc2e7
```
#6bc2e7 rgb(107,194,231)
```
#64c5ee
```
#64c5ee rgb(100,197,238)
```
#5ec8f4
```
#5ec8f4 rgb(94,200,244)
```
#57cbfb
```
#57cbfb rgb(87,203,251)
```

Tone Color Variation

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

#b0b6d5 Protanopia 1% of men
#b2b4e0 Deuteranopia 1% of men
#7ac2d0 Tritanopia 0.001% of the population

Trichromacy

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

#78bdda hex color

#78bdda Color Information

#78bdda Color Conversion

Color Schemes with #78bdda

Alternatives to #78bdda

#78bdda Preview

Shades and Tints of #78bdda

Tones of #78bdda

Color Blindness Simulator