#78c7f2 hex color

In a RGB color space, hex #78c7f2 is composed of 47.1% red, 78% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 17.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 201.1 degrees, a saturation of 82.4% and a lightness of 71%. #78c7f2 color hex could be obtained by blending #f0ffff with #008fe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 47
- G 78
- B 95
RGB color chart
- C 50
- M 18
- Y 0
- K 5
CMYK color chart

● #78c7f2 color description : Soft blue.

The hexadecimal color #78c7f2 has RGB values of R:120, G:199, B:242 and CMYK values of C:0.5, M:0.18, Y:0, K:0.05. Its decimal value is 7915506.

Hex triplet	78c7f2	`#78c7f2`
RGB Decimal	120, 199, 242	`rgb(120,199,242)`
RGB Percent	47.1, 78, 94.9	`rgb(47.1%,78%,94.9%)`
CMYK	50, 18, 0, 5
HSL	201.1°, 82.4, 71	`hsl(201.1,82.4%,71%)`
HSV (or HSB)	201.1°, 50.4, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.829, -12.773, -28.727
XYZ	44.192, 51.248, 91.563
xyY	0.236, 0.274, 51.248
CIE-LCH	76.829, 31.439, 246.028
CIE-LUV	76.829, -35.266, -44.2
Hunter-Lab	71.588, -15.088, -25.722
Binary	01111000, 11000111, 11110010

#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#f2a378
```
#f2a378 rgb(242,163,120)
```

Complementary Color

#78f2e0
```
#78f2e0 rgb(120,242,224)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#788af2
```
#788af2 rgb(120,138,242)
```

Analogous Color

#f2e078
```
#f2e078 rgb(242,224,120)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#f2788a
```
#f2788a rgb(242,120,138)
```

Split Complementary Color

#c7f278
```
#c7f278 rgb(199,242,120)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#f278c7
```
#f278c7 rgb(242,120,199)
```

Triadic Color

#78f2a3
```
#78f2a3 rgb(120,242,163)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#f278c7
```
#f278c7 rgb(242,120,199)
```
#f2a378
```
#f2a378 rgb(242,163,120)
```

Tetradic Color

#32aaeb
```
#32aaeb rgb(50,170,235)
```
#49b4ee
```
#49b4ee rgb(73,180,238)
```
#61bdf0
```
#61bdf0 rgb(97,189,240)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#8fd1f4
```
#8fd1f4 rgb(143,209,244)
```
#a7daf6
```
#a7daf6 rgb(167,218,246)
```
#bee4f9
```
#bee4f9 rgb(190,228,249)
```

Monochromatic Color

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

#78e6f2
```
#78e6f2 rgb(120,230,242)
```
#78dbf2
```
#78dbf2 rgb(120,219,242)
```
#78d1f2
```
#78d1f2 rgb(120,209,242)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#78bdf2
```
#78bdf2 rgb(120,189,242)
```
#78b3f2
```
#78b3f2 rgb(120,179,242)
```
#78a9f2
```
#78a9f2 rgb(120,169,242)
```

Similar Colors

Text with hexadecimal color #78c7f2

This text has a font color of #78c7f2.

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

#78c7f2 background color

This paragraph has a background color of #78c7f2.

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

#78c7f2 border color

This element has a border color of #78c7f2.

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

CSS codes

.text {color:#78c7f2;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#03121a
```
#03121a rgb(3,18,26)
```
#041e2c
```
#041e2c rgb(4,30,44)
```
#062a3e
```
#062a3e rgb(6,42,62)
```
#083650
```
#083650 rgb(8,54,80)
```
#094362
```
#094362 rgb(9,67,98)
```
#0b4f73
```
#0b4f73 rgb(11,79,115)
```
#0d5b85
```
#0d5b85 rgb(13,91,133)
```
#0f6797
```
#0f6797 rgb(15,103,151)
```
#1073a9
```
#1073a9 rgb(16,115,169)
```
#127fbb
```
#127fbb rgb(18,127,187)
```
#148ccd
```
#148ccd rgb(20,140,205)
```
#1598df
```
#1598df rgb(21,152,223)
```

Shade Color Variation

#1fa2e9
```
#1fa2e9 rgb(31,162,233)
```
#30a9eb
```
#30a9eb rgb(48,169,235)
```
#42b1ed
```
#42b1ed rgb(66,177,237)
```
#54b8ef
```
#54b8ef rgb(84,184,239)
```
#66c0f0
```
#66c0f0 rgb(102,192,240)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#8acef4
```
#8acef4 rgb(138,206,244)
```
#9cd6f5
```
#9cd6f5 rgb(156,214,245)
```
#aeddf7
```
#aeddf7 rgb(174,221,247)
```
#c0e5f9
```
#c0e5f9 rgb(192,229,249)
```
#d1ecfb
```
#d1ecfb rgb(209,236,251)
```
#e3f4fc
```
#e3f4fc rgb(227,244,252)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

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

#b1b6b9
```
#b1b6b9 rgb(177,182,185)
```
#abb8bf
```
#abb8bf rgb(171,184,191)
```
#a6bac4
```
#a6bac4 rgb(166,186,196)
```
#a0bbca
```
#a0bbca rgb(160,187,202)
```
#9abdd0
```
#9abdd0 rgb(154,189,208)
```
#94bfd6
```
#94bfd6 rgb(148,191,214)
```
#8fc0db
```
#8fc0db rgb(143,192,219)
```
#89c2e1
```
#89c2e1 rgb(137,194,225)
```
#83c4e7
```
#83c4e7 rgb(131,196,231)
```
#7ec5ec
```
#7ec5ec rgb(126,197,236)
```
#78c7f2
```
#78c7f2 rgb(120,199,242)
```
#72c9f8
```
#72c9f8 rgb(114,201,248)
```
#6dcafd
```
#6dcafd rgb(109,202,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a8b8c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bfeb Protanopia 1% of men
#b3bef7 Deuteranopia 1% of men
#75cddc Tritanopia 0.001% of the population

Trichromacy

#9fc2ee Protanomaly 1% of men, 0.01% of women
#9ec1f5 Deuteranomaly 6% of men, 0.4% of women
#76cbe4 Tritanomaly 0.01% of the population

#78c7f2 hex color

#78c7f2 Color Information

#78c7f2 Color Conversion

Color Schemes with #78c7f2

Alternatives to #78c7f2

#78c7f2 Preview

Shades and Tints of #78c7f2

Tones of #78c7f2

Color Blindness Simulator