#5a78ef hex color

In a RGB color space, hex #5a78ef is composed of 35.3% red, 47.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 49.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 227.9 degrees, a saturation of 82.3% and a lightness of 64.5%. #5a78ef color hex could be obtained by blending #b4f0ff with #0000df. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 47
- B 94
RGB color chart
- C 62
- M 50
- Y 0
- K 6
CMYK color chart

● #5a78ef color description : Soft blue.

The hexadecimal color #5a78ef has RGB values of R:90, G:120, B:239 and CMYK values of C:0.62, M:0.5, Y:0, K:0.06. Its decimal value is 5929199.

Hex triplet	5a78ef	`#5a78ef`
RGB Decimal	90, 120, 239	`rgb(90,120,239)`
RGB Percent	35.3, 47.1, 93.7	`rgb(35.3%,47.1%,93.7%)`
CMYK	62, 50, 0, 6
HSL	227.9°, 82.3, 64.5	`hsl(227.9,82.3%,64.5%)`
HSV (or HSB)	227.9°, 62.3, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.854, 25.588, -63.337
XYZ	26.51, 21.837, 84.475
xyY	0.2, 0.164, 21.837
CIE-LCH	53.854, 68.311, 291.999
CIE-LUV	53.854, -16.304, -101.387
Hunter-Lab	46.73, 19.484, -74.468
Binary	01011010, 01111000, 11101111

#5a78ef
```
#5a78ef rgb(90,120,239)
```
#efd15a
```
#efd15a rgb(239,209,90)
```

Complementary Color

#5ac3ef
```
#5ac3ef rgb(90,195,239)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#875aef
```
#875aef rgb(135,90,239)
```

Analogous Color

#c3ef5a
```
#c3ef5a rgb(195,239,90)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#ef875a
```
#ef875a rgb(239,135,90)
```

Split Complementary Color

#78ef5a
```
#78ef5a rgb(120,239,90)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#ef5a78
```
#ef5a78 rgb(239,90,120)
```

Triadic Color

#5aefd1
```
#5aefd1 rgb(90,239,209)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#ef5a78
```
#ef5a78 rgb(239,90,120)
```
#efd15a
```
#efd15a rgb(239,209,90)
```

Tetradic Color

#1640e6
```
#1640e6 rgb(22,64,230)
```
#2c52ea
```
#2c52ea rgb(44,82,234)
```
#4365ed
```
#4365ed rgb(67,101,237)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#718bf1
```
#718bf1 rgb(113,139,241)
```
#889ef4
```
#889ef4 rgb(136,158,244)
```
#a0b1f6
```
#a0b1f6 rgb(160,177,246)
```

Monochromatic Color

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

#5a9def
```
#5a9def rgb(90,157,239)
```
#5a91ef
```
#5a91ef rgb(90,145,239)
```
#5a84ef
```
#5a84ef rgb(90,132,239)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#5a6cef
```
#5a6cef rgb(90,108,239)
```
#5a5fef
```
#5a5fef rgb(90,95,239)
```
#615aef
```
#615aef rgb(97,90,239)
```

Similar Colors

Text with hexadecimal color #5a78ef

This text has a font color of #5a78ef.

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

#5a78ef background color

This paragraph has a background color of #5a78ef.

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

#5a78ef border color

This element has a border color of #5a78ef.

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

CSS codes

.text {color:#5a78ef;}

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

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

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

#01040e
```
#01040e rgb(1,4,14)
```
#030920
```
#030920 rgb(3,9,32)
```
#050e32
```
#050e32 rgb(5,14,50)
```
#071343
```
#071343 rgb(7,19,67)
```
#081855
```
#081855 rgb(8,24,85)
```
#0a1d67
```
#0a1d67 rgb(10,29,103)
```
#0c2279
```
#0c2279 rgb(12,34,121)
```
#0d278b
```
#0d278b rgb(13,39,139)
```
#0f2c9d
```
#0f2c9d rgb(15,44,157)
```
#1131af
```
#1131af rgb(17,49,175)
```
#1336c1
```
#1336c1 rgb(19,54,193)
```
#143bd3
```
#143bd3 rgb(20,59,211)
```
#1640e4
```
#1640e4 rgb(22,64,228)
```

Shade Color Variation

#244cea
```
#244cea rgb(36,76,234)
```
#365bec
```
#365bec rgb(54,91,236)
```
#4869ed
```
#4869ed rgb(72,105,237)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#6c87f1
```
#6c87f1 rgb(108,135,241)
```
#7e95f2
```
#7e95f2 rgb(126,149,242)
```
#90a4f4
```
#90a4f4 rgb(144,164,244)
```
#a2b3f6
```
#a2b3f6 rgb(162,179,246)
```
#b3c1f8
```
#b3c1f8 rgb(179,193,248)
```
#c5d0f9
```
#c5d0f9 rgb(197,208,249)
```
#d7defb
```
#d7defb rgb(215,222,251)
```
#e9edfd
```
#e9edfd rgb(233,237,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a0a2a9
```
#a0a2a9 rgb(160,162,169)
```
#999db0
```
#999db0 rgb(153,157,176)
```
#9299b7
```
#9299b7 rgb(146,153,183)
```
#8b95be
```
#8b95be rgb(139,149,190)
```
#8491c5
```
#8491c5 rgb(132,145,197)
```
#7d8dcc
```
#7d8dcc rgb(125,141,204)
```
#7689d3
```
#7689d3 rgb(118,137,211)
```
#6f84da
```
#6f84da rgb(111,132,218)
```
#6880e1
```
#6880e1 rgb(104,128,225)
```
#617ce8
```
#617ce8 rgb(97,124,232)
```
#5a78ef
```
#5a78ef rgb(90,120,239)
```
#5374f6
```
#5374f6 rgb(83,116,246)
```
#4c70fd
```
#4c70fd rgb(76,112,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f83f3 Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#20939e Tritanopia 0.001% of the population

Trichromacy

#487ff2 Protanomaly 1% of men, 0.01% of women
#2083e8 Deuteranomaly 6% of men, 0.4% of women
#3589bb Tritanomaly 0.01% of the population

#5a78ef hex color

#5a78ef Color Information

#5a78ef Color Conversion

Color Schemes with #5a78ef

Alternatives to #5a78ef

#5a78ef Preview

Shades and Tints of #5a78ef

Tones of #5a78ef

Color Blindness Simulator