#5f78ff hex color

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

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

● #5f78ff color description : Light blue.

The hexadecimal color #5f78ff has RGB values of R:95, G:120, B:255 and CMYK values of C:0.63, M:0.53, Y:0, K:0. Its decimal value is 6256895.

Hex triplet	5f78ff	`#5f78ff`
RGB Decimal	95, 120, 255	`rgb(95,120,255)`
RGB Percent	37.3, 47.1, 100	`rgb(37.3%,47.1%,100%)`
CMYK	63, 53, 0, 0
HSL	230.6°, 100, 68.6	`hsl(230.6,100%,68.6%)`
HSV (or HSB)	230.6°, 62.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.159, 31.742, -70.087
XYZ	29.482, 23.084, 97.504
xyY	0.196, 0.154, 23.084
CIE-LCH	55.159, 76.94, 294.365
CIE-LUV	55.159, -15.323, -112.896
Hunter-Lab	48.046, 25.451, -86.69
Binary	01011111, 01111000, 11111111

#5f78ff
```
#5f78ff rgb(95,120,255)
```
#ffe65f
```
#ffe65f rgb(255,230,95)
```

Complementary Color

#5fc8ff
```
#5fc8ff rgb(95,200,255)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#965fff
```
#965fff rgb(150,95,255)
```

Analogous Color

#c8ff5f
```
#c8ff5f rgb(200,255,95)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#ff965f
```
#ff965f rgb(255,150,95)
```

Split Complementary Color

#78ff5f
```
#78ff5f rgb(120,255,95)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#ff5f78
```
#ff5f78 rgb(255,95,120)
```

Triadic Color

#5fffe6
```
#5fffe6 rgb(95,255,230)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#ff5f78
```
#ff5f78 rgb(255,95,120)
```
#ffe65f
```
#ffe65f rgb(255,230,95)
```

Tetradic Color

#1337ff
```
#1337ff rgb(19,55,255)
```
#2c4dff
```
#2c4dff rgb(44,77,255)
```
#4662ff
```
#4662ff rgb(70,98,255)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#798eff
```
#798eff rgb(121,142,255)
```
#92a3ff
```
#92a3ff rgb(146,163,255)
```
#acb9ff
```
#acb9ff rgb(172,185,255)
```

Monochromatic Color

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

#5fa0ff
```
#5fa0ff rgb(95,160,255)
```
#5f93ff
```
#5f93ff rgb(95,147,255)
```
#5f85ff
```
#5f85ff rgb(95,133,255)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#5f6bff
```
#5f6bff rgb(95,107,255)
```
#615fff
```
#615fff rgb(97,95,255)
```
#6e5fff
```
#6e5fff rgb(110,95,255)
```

Similar Colors

Text with hexadecimal color #5f78ff

This text has a font color of #5f78ff.

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

#5f78ff background color

This paragraph has a background color of #5f78ff.

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

#5f78ff border color

This element has a border color of #5f78ff.

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

CSS codes

.text {color:#5f78ff;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#000624
```
#000624 rgb(0,6,36)
```
#000938
```
#000938 rgb(0,9,56)
```
#000c4b
```
#000c4b rgb(0,12,75)
```
#000f5f
```
#000f5f rgb(0,15,95)
```
#001273
```
#001273 rgb(0,18,115)
```
#001586
```
#001586 rgb(0,21,134)
```
#00189a
```
#00189a rgb(0,24,154)
```
#001bad
```
#001bad rgb(0,27,173)
```
#001ec1
```
#001ec1 rgb(0,30,193)
```
#0021d5
```
#0021d5 rgb(0,33,213)
```
#0024e8
```
#0024e8 rgb(0,36,232)
```
#0027fc
```
#0027fc rgb(0,39,252)
```

Shade Color Variation

#1136ff
```
#1136ff rgb(17,54,255)
```
#2446ff
```
#2446ff rgb(36,70,255)
```
#3857ff
```
#3857ff rgb(56,87,255)
```
#4b67ff
```
#4b67ff rgb(75,103,255)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```
#7389ff
```
#7389ff rgb(115,137,255)
```
#8699ff
```
#8699ff rgb(134,153,255)
```
#9aaaff
```
#9aaaff rgb(154,170,255)
```
#adbaff
```
#adbaff rgb(173,186,255)
```
#c1cbff
```
#c1cbff rgb(193,203,255)
```
#d5dbff
```
#d5dbff rgb(213,219,255)
```
#e8ecff
```
#e8ecff rgb(232,236,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a9abb5
```
#a9abb5 rgb(169,171,181)
```
#a3a7bb
```
#a3a7bb rgb(163,167,187)
```
#9da2c1
```
#9da2c1 rgb(157,162,193)
```
#969ec8
```
#969ec8 rgb(150,158,200)
```
#909ace
```
#909ace rgb(144,154,206)
```
#8a96d4
```
#8a96d4 rgb(138,150,212)
```
#8491da
```
#8491da rgb(132,145,218)
```
#7e8de0
```
#7e8de0 rgb(126,141,224)
```
#7889e6
```
#7889e6 rgb(120,137,230)
```
#7185ed
```
#7185ed rgb(113,133,237)
```
#6b80f3
```
#6b80f3 rgb(107,128,243)
```
#657cf9
```
#657cf9 rgb(101,124,249)
```
#5f78ff
```
#5f78ff rgb(95,120,255)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#797e99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3486ff Protanopia 1% of men
#008de8 Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#4381ff Protanomaly 1% of men, 0.01% of women
#2285f0 Deuteranomaly 6% of men, 0.4% of women
#228cc4 Tritanomaly 0.01% of the population

#5f78ff hex color

#5f78ff Color Information

#5f78ff Color Conversion

Color Schemes with #5f78ff

Alternatives to #5f78ff

#5f78ff Preview

Shades and Tints of #5f78ff

Tones of #5f78ff

Color Blindness Simulator