#5f78fa hex color

In a RGB color space, hex #5f78fa is composed of 37.3% red, 47.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 52% magenta, 0% yellow and 2% black. It has a hue angle of 230.3 degrees, a saturation of 93.9% and a lightness of 67.6%. #5f78fa color hex could be obtained by blending #bef0ff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 47
- B 98
RGB color chart
- C 62
- M 52
- Y 0
- K 2
CMYK color chart

● #5f78fa color description : Soft blue.

The hexadecimal color #5f78fa has RGB values of R:95, G:120, B:250 and CMYK values of C:0.62, M:0.52, Y:0, K:0.02. Its decimal value is 6256890.

Hex triplet	5f78fa	`#5f78fa`
RGB Decimal	95, 120, 250	`rgb(95,120,250)`
RGB Percent	37.3, 47.1, 98	`rgb(37.3%,47.1%,98%)`
CMYK	62, 52, 0, 2
HSL	230.3°, 93.9, 67.6	`hsl(230.3,93.9%,67.6%)`
HSV (or HSB)	230.3°, 62, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.831, 30.088, -67.855
XYZ	28.688, 22.766, 93.32
xyY	0.198, 0.157, 22.766
CIE-LCH	54.831, 74.226, 293.913
CIE-LUV	54.831, -15.211, -109.186
Hunter-Lab	47.714, 23.821, -82.56
Binary	01011111, 01111000, 11111010

#5f78fa
```
#5f78fa rgb(95,120,250)
```
#fae15f
```
#fae15f rgb(250,225,95)
```

Complementary Color

#5fc6fa
```
#5fc6fa rgb(95,198,250)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```
#945ffa
```
#945ffa rgb(148,95,250)
```

Analogous Color

#c6fa5f
```
#c6fa5f rgb(198,250,95)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```
#fa945f
```
#fa945f rgb(250,148,95)
```

Split Complementary Color

#78fa5f
```
#78fa5f rgb(120,250,95)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```
#fa5f78
```
#fa5f78 rgb(250,95,120)
```

Triadic Color

#5ffae1
```
#5ffae1 rgb(95,250,225)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```
#fa5f78
```
#fa5f78 rgb(250,95,120)
```
#fae15f
```
#fae15f rgb(250,225,95)
```

Tetradic Color

#1539f8
```
#1539f8 rgb(21,57,248)
```
#2e4ef8
```
#2e4ef8 rgb(46,78,248)
```
#4663f9
```
#4663f9 rgb(70,99,249)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```
#788dfb
```
#788dfb rgb(120,141,251)
```
#90a2fc
```
#90a2fc rgb(144,162,252)
```
#a9b7fc
```
#a9b7fc rgb(169,183,252)
```

Monochromatic Color

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

#5f9ffa
```
#5f9ffa rgb(95,159,250)
```
#5f92fa
```
#5f92fa rgb(95,146,250)
```
#5f85fa
```
#5f85fa rgb(95,133,250)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```
#5f6bfa
```
#5f6bfa rgb(95,107,250)
```
#605ffa
```
#605ffa rgb(96,95,250)
```
#6d5ffa
```
#6d5ffa rgb(109,95,250)
```

Similar Colors

Text with hexadecimal color #5f78fa

This text has a font color of #5f78fa.

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

#5f78fa background color

This paragraph has a background color of #5f78fa.

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

#5f78fa border color

This element has a border color of #5f78fa.

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

CSS codes

.text {color:#5f78fa;}

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

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

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

#00020b
```
#00020b rgb(0,2,11)
```
#01061e
```
#01061e rgb(1,6,30)
```
#020931
```
#020931 rgb(2,9,49)
```
#020d44
```
#020d44 rgb(2,13,68)
```
#031057
```
#031057 rgb(3,16,87)
```
#03146a
```
#03146a rgb(3,20,106)
```
#04177d
```
#04177d rgb(4,23,125)
```
#051b90
```
#051b90 rgb(5,27,144)
```
#051fa3
```
#051fa3 rgb(5,31,163)
```
#0622b6
```
#0622b6 rgb(6,34,182)
```
#0626c9
```
#0626c9 rgb(6,38,201)
```
#0729dc
```
#0729dc rgb(7,41,220)
```
#072def
```
#072def rgb(7,45,239)
```

Shade Color Variation

#1338f8
```
#1338f8 rgb(19,56,248)
```
#2648f8
```
#2648f8 rgb(38,72,248)
```
#3958f9
```
#3958f9 rgb(57,88,249)
```
#4c68f9
```
#4c68f9 rgb(76,104,249)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```
#7288fb
```
#7288fb rgb(114,136,251)
```
#8598fb
```
#8598fb rgb(133,152,251)
```
#98a8fc
```
#98a8fc rgb(152,168,252)
```
#abb8fc
```
#abb8fc rgb(171,184,252)
```
#bec8fd
```
#bec8fd rgb(190,200,253)
```
#d1d8fe
```
#d1d8fe rgb(209,216,254)
```
#e4e8fe
```
#e4e8fe rgb(228,232,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#abacae
```
#abacae rgb(171,172,174)
```
#a5a7b4
```
#a5a7b4 rgb(165,167,180)
```
#9ea3bb
```
#9ea3bb rgb(158,163,187)
```
#989fc1
```
#989fc1 rgb(152,159,193)
```
#929ac7
```
#929ac7 rgb(146,154,199)
```
#8b96ce
```
#8b96ce rgb(139,150,206)
```
#8592d4
```
#8592d4 rgb(133,146,212)
```
#7f8dda
```
#7f8dda rgb(127,141,218)
```
#7889e1
```
#7889e1 rgb(120,137,225)
```
#7285e7
```
#7285e7 rgb(114,133,231)
```
#6c81ed
```
#6c81ed rgb(108,129,237)
```
#657cf4
```
#657cf4 rgb(101,124,244)
```
#5f78fa
```
#5f78fa rgb(95,120,250)
```

Tone Color Variation

Below, you can see how #5f78fa 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
#797e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3085ff Protanopia 1% of men
#008ce7 Deuteranopia 1% of men
#1c96a1 Tritanopia 0.001% of the population

Trichromacy

#4180fd Protanomaly 1% of men, 0.01% of women
#2284ee Deuteranomaly 6% of men, 0.4% of women
#348bc1 Tritanomaly 0.01% of the population

#5f78fa hex color

#5f78fa Color Information

#5f78fa Color Conversion

Color Schemes with #5f78fa

Alternatives to #5f78fa

#5f78fa Preview

Shades and Tints of #5f78fa

Tones of #5f78fa

Color Blindness Simulator