#5f78fd hex color

In a RGB color space, hex #5f78fd is composed of 37.3% red, 47.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 52.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.5 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f78fd color hex could be obtained by blending #bef0ff with #0000fb. Closest websafe color is: #6666ff.

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

● #5f78fd color description : Soft blue.

The hexadecimal color #5f78fd has RGB values of R:95, G:120, B:253 and CMYK values of C:0.62, M:0.53, Y:0, K:0.01. Its decimal value is 6256893.

Hex triplet	5f78fd	`#5f78fd`
RGB Decimal	95, 120, 253	`rgb(95,120,253)`
RGB Percent	37.3, 47.1, 99.2	`rgb(37.3%,47.1%,99.2%)`
CMYK	62, 53, 0, 1
HSL	230.5°, 97.5, 68.2	`hsl(230.5,97.5%,68.2%)`
HSV (or HSB)	230.5°, 62.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.027, 31.08, -69.196
XYZ	29.162, 22.956, 95.817
xyY	0.197, 0.155, 22.956
CIE-LCH	55.027, 75.856, 294.188
CIE-LUV	55.027, -15.278, -111.417
Hunter-Lab	47.913, 24.796, -85.032
Binary	01011111, 01111000, 11111101

#5f78fd
```
#5f78fd rgb(95,120,253)
```
#fde45f
```
#fde45f rgb(253,228,95)
```

Complementary Color

#5fc7fd
```
#5fc7fd rgb(95,199,253)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#955ffd
```
#955ffd rgb(149,95,253)
```

Analogous Color

#c7fd5f
```
#c7fd5f rgb(199,253,95)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#fd955f
```
#fd955f rgb(253,149,95)
```

Split Complementary Color

#78fd5f
```
#78fd5f rgb(120,253,95)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#fd5f78
```
#fd5f78 rgb(253,95,120)
```

Triadic Color

#5ffde4
```
#5ffde4 rgb(95,253,228)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#fd5f78
```
#fd5f78 rgb(253,95,120)
```
#fde45f
```
#fde45f rgb(253,228,95)
```

Tetradic Color

#1338fc
```
#1338fc rgb(19,56,252)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#4663fd
```
#4663fd rgb(70,99,253)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#788dfd
```
#788dfd rgb(120,141,253)
```
#91a3fe
```
#91a3fe rgb(145,163,254)
```
#abb8fe
```
#abb8fe rgb(171,184,254)
```

Monochromatic Color

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

#5fa0fd
```
#5fa0fd rgb(95,160,253)
```
#5f92fd
```
#5f92fd rgb(95,146,253)
```
#5f85fd
```
#5f85fd rgb(95,133,253)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#5f6bfd
```
#5f6bfd rgb(95,107,253)
```
#605ffd
```
#605ffd rgb(96,95,253)
```
#6e5ffd
```
#6e5ffd rgb(110,95,253)
```

Similar Colors

Text with hexadecimal color #5f78fd

This text has a font color of #5f78fd.

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

#5f78fd background color

This paragraph has a background color of #5f78fd.

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

#5f78fd border color

This element has a border color of #5f78fd.

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

CSS codes

.text {color:#5f78fd;}

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

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

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 #fafbff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#000622
```
#000622 rgb(0,6,34)
```
#010935
```
#010935 rgb(1,9,53)
```
#010c48
```
#010c48 rgb(1,12,72)
```
#01105c
```
#01105c rgb(1,16,92)
```
#01136f
```
#01136f rgb(1,19,111)
```
#021683
```
#021683 rgb(2,22,131)
```
#021996
```
#021996 rgb(2,25,150)
```
#021da9
```
#021da9 rgb(2,29,169)
```
#0220bd
```
#0220bd rgb(2,32,189)
```
#0323d0
```
#0323d0 rgb(3,35,208)
```
#0326e3
```
#0326e3 rgb(3,38,227)
```
#032af7
```
#032af7 rgb(3,42,247)
```

Shade Color Variation

#1237fc
```
#1237fc rgb(18,55,252)
```
#2547fc
```
#2547fc rgb(37,71,252)
```
#3857fd
```
#3857fd rgb(56,87,253)
```
#4c68fd
```
#4c68fd rgb(76,104,253)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#7288fd
```
#7288fd rgb(114,136,253)
```
#8699fd
```
#8699fd rgb(134,153,253)
```
#99a9fe
```
#99a9fe rgb(153,169,254)
```
#acb9fe
```
#acb9fe rgb(172,185,254)
```
#c0cafe
```
#c0cafe rgb(192,202,254)
```
#d3dafe
```
#d3dafe rgb(211,218,254)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#aaabb2
```
#aaabb2 rgb(170,171,178)
```
#a4a7b8
```
#a4a7b8 rgb(164,167,184)
```
#9da3bf
```
#9da3bf rgb(157,163,191)
```
#979ec5
```
#979ec5 rgb(151,158,197)
```
#919acb
```
#919acb rgb(145,154,203)
```
#8b96d1
```
#8b96d1 rgb(139,150,209)
```
#8492d8
```
#8492d8 rgb(132,146,216)
```
#7e8dde
```
#7e8dde rgb(126,141,222)
```
#7889e4
```
#7889e4 rgb(120,137,228)
```
#7285ea
```
#7285ea rgb(114,133,234)
```
#6b81f1
```
#6b81f1 rgb(107,129,241)
```
#657cf7
```
#657cf7 rgb(101,124,247)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```

Tone Color Variation

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

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

Trichromacy

#4280fe Protanomaly 1% of men, 0.01% of women
#2285ef Deuteranomaly 6% of men, 0.4% of women
#2d8cc3 Tritanomaly 0.01% of the population

#5f78fd hex color

#5f78fd Color Information

#5f78fd Color Conversion

Color Schemes with #5f78fd

Alternatives to #5f78fd

#5f78fd Preview

Shades and Tints of #5f78fd

Tones of #5f78fd

Color Blindness Simulator