#78b2df hex color

In a RGB color space, hex #78b2df is composed of 47.1% red, 69.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 20.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 206.2 degrees, a saturation of 61.7% and a lightness of 67.3%. #78b2df color hex could be obtained by blending #f0ffff with #0065bf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 70
- B 87
RGB color chart
- C 46
- M 20
- Y 0
- K 13
CMYK color chart

● #78b2df color description : Soft blue.

The hexadecimal color #78b2df has RGB values of R:120, G:178, B:223 and CMYK values of C:0.46, M:0.2, Y:0, K:0.13. Its decimal value is 7910111.

Hex triplet	78b2df	`#78b2df`
RGB Decimal	120, 178, 223	`rgb(120,178,223)`
RGB Percent	47.1, 69.8, 87.5	`rgb(47.1%,69.8%,87.5%)`
CMYK	46, 20, 0, 13
HSL	206.2°, 61.7, 67.3	`hsl(206.2,61.7%,67.3%)`
HSV (or HSB)	206.2°, 46.2, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	70.288, -6.905, -28.487
XYZ	36.982, 41.16, 75.804
xyY	0.24, 0.267, 41.16
CIE-LCH	70.288, 29.312, 256.374
CIE-LUV	70.288, -27.485, -44.078
Hunter-Lab	64.156, -9.377, -25.146
Binary	01111000, 10110010, 11011111

#78b2df
```
#78b2df rgb(120,178,223)
```
#dfa578
```
#dfa578 rgb(223,165,120)
```

Complementary Color

#78dfd9
```
#78dfd9 rgb(120,223,217)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#787fdf
```
#787fdf rgb(120,127,223)
```

Analogous Color

#dfd978
```
#dfd978 rgb(223,217,120)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#df787f
```
#df787f rgb(223,120,127)
```

Split Complementary Color

#b2df78
```
#b2df78 rgb(178,223,120)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#df78b2
```
#df78b2 rgb(223,120,178)
```

Triadic Color

#78dfa5
```
#78dfa5 rgb(120,223,165)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#df78b2
```
#df78b2 rgb(223,120,178)
```
#dfa578
```
#dfa578 rgb(223,165,120)
```

Tetradic Color

#3a8fd0
```
#3a8fd0 rgb(58,143,208)
```
#4f9ad5
```
#4f9ad5 rgb(79,154,213)
```
#63a6da
```
#63a6da rgb(99,166,218)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#8dbee4
```
#8dbee4 rgb(141,190,228)
```
#a1cae9
```
#a1cae9 rgb(161,202,233)
```
#b6d5ee
```
#b6d5ee rgb(182,213,238)
```

Monochromatic Color

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

#78ccdf
```
#78ccdf rgb(120,204,223)
```
#78c3df
```
#78c3df rgb(120,195,223)
```
#78bbdf
```
#78bbdf rgb(120,187,223)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#78a9df
```
#78a9df rgb(120,169,223)
```
#78a1df
```
#78a1df rgb(120,161,223)
```
#7898df
```
#7898df rgb(120,152,223)
```

Similar Colors

Text with hexadecimal color #78b2df

This text has a font color of #78b2df.

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

#78b2df background color

This paragraph has a background color of #78b2df.

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

#78b2df border color

This element has a border color of #78b2df.

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

CSS codes

.text {color:#78b2df;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#061018
```
#061018 rgb(6,16,24)
```
#091a27
```
#091a27 rgb(9,26,39)
```
#0d2537
```
#0d2537 rgb(13,37,55)
```
#112f47
```
#112f47 rgb(17,47,71)
```
#153a57
```
#153a57 rgb(21,58,87)
```
#184567
```
#184567 rgb(24,69,103)
```
#1c4f77
```
#1c4f77 rgb(28,79,119)
```
#205a87
```
#205a87 rgb(32,90,135)
```
#246496
```
#246496 rgb(36,100,150)
```
#276fa6
```
#276fa6 rgb(39,111,166)
```
#2b79b6
```
#2b79b6 rgb(43,121,182)
```
#2f84c6
```
#2f84c6 rgb(47,132,198)
```

Shade Color Variation

#398ed0
```
#398ed0 rgb(57,142,208)
```
#4897d4
```
#4897d4 rgb(72,151,212)
```
#58a0d7
```
#58a0d7 rgb(88,160,215)
```
#68a9db
```
#68a9db rgb(104,169,219)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#88bbe3
```
#88bbe3 rgb(136,187,227)
```
#98c4e7
```
#98c4e7 rgb(152,196,231)
```
#a8cdea
```
#a8cdea rgb(168,205,234)
```
#b7d6ee
```
#b7d6ee rgb(183,214,238)
```
#c7dff2
```
#c7dff2 rgb(199,223,242)
```
#d7e8f6
```
#d7e8f6 rgb(215,232,246)
```
#e7f1f9
```
#e7f1f9 rgb(231,241,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#abacac
```
#abacac rgb(171,172,172)
```
#a5acb2
```
#a5acb2 rgb(165,172,178)
```
#9fadb8
```
#9fadb8 rgb(159,173,184)
```
#98aebf
```
#98aebf rgb(152,174,191)
```
#92afc5
```
#92afc5 rgb(146,175,197)
```
#8bb0cc
```
#8bb0cc rgb(139,176,204)
```
#85b0d2
```
#85b0d2 rgb(133,176,210)
```
#7eb1d9
```
#7eb1d9 rgb(126,177,217)
```
#78b2df
```
#78b2df rgb(120,178,223)
```
#72b3e5
```
#72b3e5 rgb(114,179,229)
```
#6bb4ec
```
#6bb4ec rgb(107,180,236)
```
#65b4f2
```
#65b4f2 rgb(101,180,242)
```
#5eb5f9
```
#5eb5f9 rgb(94,181,249)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9da8b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3aedb Protanopia 1% of men
#a2ade3 Deuteranopia 1% of men
#75bac8 Tritanopia 0.001% of the population

Trichromacy

#93afdc Protanomaly 1% of men, 0.01% of women
#92afe2 Deuteranomaly 6% of men, 0.4% of women
#76b7d0 Tritanomaly 0.01% of the population

#78b2df hex color

#78b2df Color Information

#78b2df Color Conversion

Color Schemes with #78b2df

Alternatives to #78b2df

#78b2df Preview

Shades and Tints of #78b2df

Tones of #78b2df

Color Blindness Simulator