#5c78ff hex color

In a RGB color space, hex #5c78ff is composed of 36.1% red, 47.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 52.9% magenta, 0% yellow and 0% black. It has a hue angle of 229.7 degrees, a saturation of 100% and a lightness of 68%. #5c78ff color hex could be obtained by blending #b8f0ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 47
- B 100
RGB color chart
- C 64
- M 53
- Y 0
- K 0
CMYK color chart

● #5c78ff color description : Light blue.

The hexadecimal color #5c78ff has RGB values of R:92, G:120, B:255 and CMYK values of C:0.64, M:0.53, Y:0, K:0. Its decimal value is 6060287.

Hex triplet	5c78ff	`#5c78ff`
RGB Decimal	92, 120, 255	`rgb(92,120,255)`
RGB Percent	36.1, 47.1, 100	`rgb(36.1%,47.1%,100%)`
CMYK	64, 53, 0, 0
HSL	229.7°, 100, 68	`hsl(229.7,100%,68%)`
HSV (or HSB)	229.7°, 63.9, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.997, 31.268, -70.358
XYZ	29.176, 22.927, 97.49
xyY	0.195, 0.153, 22.927
CIE-LCH	54.997, 76.993, 293.961
CIE-LUV	54.997, -16.077, -113.182
Hunter-Lab	47.882, 24.974, -87.201
Binary	01011100, 01111000, 11111111

#5c78ff
```
#5c78ff rgb(92,120,255)
```
#ffe35c
```
#ffe35c rgb(255,227,92)
```

Complementary Color

#5ccaff
```
#5ccaff rgb(92,202,255)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```
#925cff
```
#925cff rgb(146,92,255)
```

Analogous Color

#caff5c
```
#caff5c rgb(202,255,92)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```
#ff925c
```
#ff925c rgb(255,146,92)
```

Split Complementary Color

#78ff5c
```
#78ff5c rgb(120,255,92)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```
#ff5c78
```
#ff5c78 rgb(255,92,120)
```

Triadic Color

#5cffe3
```
#5cffe3 rgb(92,255,227)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```
#ff5c78
```
#ff5c78 rgb(255,92,120)
```
#ffe35c
```
#ffe35c rgb(255,227,92)
```

Tetradic Color

#1039ff
```
#1039ff rgb(16,57,255)
```
#294eff
```
#294eff rgb(41,78,255)
```
#4363ff
```
#4363ff rgb(67,99,255)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```
#768dff
```
#768dff rgb(118,141,255)
```
#8fa2ff
```
#8fa2ff rgb(143,162,255)
```
#a9b7ff
```
#a9b7ff rgb(169,183,255)
```

Monochromatic Color

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

#5ca1ff
```
#5ca1ff rgb(92,161,255)
```
#5c93ff
```
#5c93ff rgb(92,147,255)
```
#5c86ff
```
#5c86ff rgb(92,134,255)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```
#5c6aff
```
#5c6aff rgb(92,106,255)
```
#5c5dff
```
#5c5dff rgb(92,93,255)
```
#695cff
```
#695cff rgb(105,92,255)
```

Similar Colors

Text with hexadecimal color #5c78ff

This text has a font color of #5c78ff.

<span style="color:#5c78ff;">Text here</span>

#5c78ff background color

This paragraph has a background color of #5c78ff.

<p style="background-color:#5c78ff;">Content here</p>

#5c78ff border color

This element has a border color of #5c78ff.

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

CSS codes

.text {color:#5c78ff;}

.background {background-color:#5c78ff;}

.border {border:1px solid #5c78ff;}

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, #00020e is the darkest color, while #f9faff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#000621
```
#000621 rgb(0,6,33)
```
#000935
```
#000935 rgb(0,9,53)
```
#000c48
```
#000c48 rgb(0,12,72)
```
#00105c
```
#00105c rgb(0,16,92)
```
#001370
```
#001370 rgb(0,19,112)
```
#001783
```
#001783 rgb(0,23,131)
```
#001a97
```
#001a97 rgb(0,26,151)
```
#001daa
```
#001daa rgb(0,29,170)
```
#0021be
```
#0021be rgb(0,33,190)
```
#0024d2
```
#0024d2 rgb(0,36,210)
```
#0027e5
```
#0027e5 rgb(0,39,229)
```
#002bf9
```
#002bf9 rgb(0,43,249)
```

Shade Color Variation

#0e37ff
```
#0e37ff rgb(14,55,255)
```
#2147ff
```
#2147ff rgb(33,71,255)
```
#3558ff
```
#3558ff rgb(53,88,255)
```
#4868ff
```
#4868ff rgb(72,104,255)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```
#7088ff
```
#7088ff rgb(112,136,255)
```
#8398ff
```
#8398ff rgb(131,152,255)
```
#97a9ff
```
#97a9ff rgb(151,169,255)
```
#aab9ff
```
#aab9ff rgb(170,185,255)
```
#bec9ff
```
#bec9ff rgb(190,201,255)
```
#d2d9ff
```
#d2d9ff rgb(210,217,255)
```
#e5eaff
```
#e5eaff rgb(229,234,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#a7a9b4
```
#a7a9b4 rgb(167,169,180)
```
#a1a5ba
```
#a1a5ba rgb(161,165,186)
```
#9ba1c0
```
#9ba1c0 rgb(155,161,192)
```
#949dc7
```
#949dc7 rgb(148,157,199)
```
#8e99cd
```
#8e99cd rgb(142,153,205)
```
#8895d3
```
#8895d3 rgb(136,149,211)
```
#8291d9
```
#8291d9 rgb(130,145,217)
```
#7b8de0
```
#7b8de0 rgb(123,141,224)
```
#7588e6
```
#7588e6 rgb(117,136,230)
```
#6f84ec
```
#6f84ec rgb(111,132,236)
```
#6980f2
```
#6980f2 rgb(105,128,242)
```
#627cf9
```
#627cf9 rgb(98,124,249)
```
#5c78ff
```
#5c78ff rgb(92,120,255)
```

Tone Color Variation

Below, you can see how #5c78ff 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

#7f7f7f Achromatopsia 0.005% of the population
#787e99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3286ff Protanopia 1% of men
#008ce7 Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#4180ff Protanomaly 1% of men, 0.01% of women
#2185f0 Deuteranomaly 6% of men, 0.4% of women
#218cc4 Tritanomaly 0.01% of the population

#5c78ff hex color

#5c78ff Color Information

#5c78ff Color Conversion

Color Schemes with #5c78ff

Alternatives to #5c78ff

#5c78ff Preview

Shades and Tints of #5c78ff

Tones of #5c78ff

Color Blindness Simulator