#78bde2 hex color

In a RGB color space, hex #78bde2 is composed of 47.1% red, 74.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 16.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.9 degrees, a saturation of 64.6% and a lightness of 67.8%. #78bde2 color hex could be obtained by blending #f0ffff with #007bc5. Closest websafe color is: #66cccc.

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

● #78bde2 color description : Soft blue.

The hexadecimal color #78bde2 has RGB values of R:120, G:189, B:226 and CMYK values of C:0.47, M:0.16, Y:0, K:0.11. Its decimal value is 7912930.

Hex triplet	78bde2	`#78bde2`
RGB Decimal	120, 189, 226	`rgb(120,189,226)`
RGB Percent	47.1, 74.1, 88.6	`rgb(47.1%,74.1%,88.6%)`
CMYK	47, 16, 0, 11
HSL	200.9°, 64.6, 67.8	`hsl(200.9,64.6%,67.8%)`
HSV (or HSB)	200.9°, 46.9, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.466, -11.975, -25.246
XYZ	39.667, 45.877, 78.712
xyY	0.241, 0.279, 45.877
CIE-LCH	73.466, 27.942, 244.624
CIE-LUV	73.466, -31.744, -38.208
Hunter-Lab	67.733, -13.994, -21.488
Binary	01111000, 10111101, 11100010

#78bde2
```
#78bde2 rgb(120,189,226)
```
#e29d78
```
#e29d78 rgb(226,157,120)
```

Complementary Color

#78e2d2
```
#78e2d2 rgb(120,226,210)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#7888e2
```
#7888e2 rgb(120,136,226)
```

Analogous Color

#e2d278
```
#e2d278 rgb(226,210,120)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#e27888
```
#e27888 rgb(226,120,136)
```

Split Complementary Color

#bde278
```
#bde278 rgb(189,226,120)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#e278bd
```
#e278bd rgb(226,120,189)
```

Triadic Color

#78e29d
```
#78e29d rgb(120,226,157)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#e278bd
```
#e278bd rgb(226,120,189)
```
#e29d78
```
#e29d78 rgb(226,157,120)
```

Tetradic Color

#399ed4
```
#399ed4 rgb(57,158,212)
```
#4ea8d9
```
#4ea8d9 rgb(78,168,217)
```
#63b3dd
```
#63b3dd rgb(99,179,221)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#8dc7e7
```
#8dc7e7 rgb(141,199,231)
```
#a2d2eb
```
#a2d2eb rgb(162,210,235)
```
#b7dcf0
```
#b7dcf0 rgb(183,220,240)
```

Monochromatic Color

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

#78d8e2
```
#78d8e2 rgb(120,216,226)
```
#78cfe2
```
#78cfe2 rgb(120,207,226)
```
#78c6e2
```
#78c6e2 rgb(120,198,226)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#78b4e2
```
#78b4e2 rgb(120,180,226)
```
#78abe2
```
#78abe2 rgb(120,171,226)
```
#78a3e2
```
#78a3e2 rgb(120,163,226)
```

Similar Colors

Text with hexadecimal color #78bde2

This text has a font color of #78bde2.

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

#78bde2 background color

This paragraph has a background color of #78bde2.

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

#78bde2 border color

This element has a border color of #78bde2.

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

CSS codes

.text {color:#78bde2;}

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

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

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, #02070a is the darkest color, while #f9fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#06131a
```
#06131a rgb(6,19,26)
```
#091f2b
```
#091f2b rgb(9,31,43)
```
#0d2b3b
```
#0d2b3b rgb(13,43,59)
```
#10364b
```
#10364b rgb(16,54,75)
```
#14425b
```
#14425b rgb(20,66,91)
```
#174e6b
```
#174e6b rgb(23,78,107)
```
#1a5a7b
```
#1a5a7b rgb(26,90,123)
```
#1e658b
```
#1e658b rgb(30,101,139)
```
#21719c
```
#21719c rgb(33,113,156)
```
#257dac
```
#257dac rgb(37,125,172)
```
#2888bc
```
#2888bc rgb(40,136,188)
```
#2c94cc
```
#2c94cc rgb(44,148,204)
```

Shade Color Variation

#379dd4
```
#379dd4 rgb(55,157,212)
```
#48a5d8
```
#48a5d8 rgb(72,165,216)
```
#58addb
```
#58addb rgb(88,173,219)
```
#68b5df
```
#68b5df rgb(104,181,223)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#88c5e5
```
#88c5e5 rgb(136,197,229)
```
#98cde9
```
#98cde9 rgb(152,205,233)
```
#a8d5ec
```
#a8d5ec rgb(168,213,236)
```
#b9ddf0
```
#b9ddf0 rgb(185,221,240)
```
#c9e4f3
```
#c9e4f3 rgb(201,228,243)
```
#d9ecf7
```
#d9ecf7 rgb(217,236,247)
```
#e9f4fa
```
#e9f4fa rgb(233,244,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#aaaeb0
```
#aaaeb0 rgb(170,174,176)
```
#a4b0b6
```
#a4b0b6 rgb(164,176,182)
```
#9eb2bc
```
#9eb2bc rgb(158,178,188)
```
#98b3c2
```
#98b3c2 rgb(152,179,194)
```
#91b5c9
```
#91b5c9 rgb(145,181,201)
```
#8bb7cf
```
#8bb7cf rgb(139,183,207)
```
#85b9d5
```
#85b9d5 rgb(133,185,213)
```
#7ebbdc
```
#7ebbdc rgb(126,187,220)
```
#78bde2
```
#78bde2 rgb(120,189,226)
```
#72bfe8
```
#72bfe8 rgb(114,191,232)
```
#6bc1ef
```
#6bc1ef rgb(107,193,239)
```
#65c3f5
```
#65c3f5 rgb(101,195,245)
```
#5fc5fb
```
#5fc5fb rgb(95,197,251)
```

Tone Color Variation

Below, you can see how #78bde2 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
#a2b0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb6dd Protanopia 1% of men
#aeb5e7 Deuteranopia 1% of men
#78c3d1 Tritanopia 0.001% of the population

Trichromacy

#9ab8df Protanomaly 1% of men, 0.01% of women
#9ab8e5 Deuteranomaly 6% of men, 0.4% of women
#78c1d7 Tritanomaly 0.01% of the population

#78bde2 hex color

#78bde2 Color Information

#78bde2 Color Conversion

Color Schemes with #78bde2

Alternatives to #78bde2

#78bde2 Preview

Shades and Tints of #78bde2

Tones of #78bde2

Color Blindness Simulator