#5f78b7 hex color

In a RGB color space, hex #5f78b7 is composed of 37.3% red, 47.1% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 34.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 223 degrees, a saturation of 37.9% and a lightness of 54.5%. #5f78b7 color hex could be obtained by blending #bef0ff with #00006f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 47
- B 72
RGB color chart
- C 48
- M 34
- Y 0
- K 28
CMYK color chart

● #5f78b7 color description : Slightly desaturated blue.

The hexadecimal color #5f78b7 has RGB values of R:95, G:120, B:183 and CMYK values of C:0.48, M:0.34, Y:0, K:0.28. Its decimal value is 6256823.

Hex triplet	5f78b7	`#5f78b7`
RGB Decimal	95, 120, 183	`rgb(95,120,183)`
RGB Percent	37.3, 47.1, 71.8	`rgb(37.3%,47.1%,71.8%)`
CMYK	48, 34, 0, 28
HSL	223°, 37.9, 54.5	`hsl(223,37.9%,54.5%)`
HSV (or HSB)	223°, 48.1, 71.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.018, 8.432, -36.101
XYZ	19.981, 19.284, 47.466
xyY	0.23, 0.222, 19.284
CIE-LCH	51.018, 37.073, 283.147
CIE-LUV	51.018, -13.844, -55.75
Hunter-Lab	43.913, 4.371, -33.348
Binary	01011111, 01111000, 10110111

#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#b79e5f
```
#b79e5f rgb(183,158,95)
```

Complementary Color

#5fa4b7
```
#5fa4b7 rgb(95,164,183)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#725fb7
```
#725fb7 rgb(114,95,183)
```

Analogous Color

#a4b75f
```
#a4b75f rgb(164,183,95)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#b7725f
```
#b7725f rgb(183,114,95)
```

Split Complementary Color

#78b75f
```
#78b75f rgb(120,183,95)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#b75f78
```
#b75f78 rgb(183,95,120)
```

Triadic Color

#5fb79e
```
#5fb79e rgb(95,183,158)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#b75f78
```
#b75f78 rgb(183,95,120)
```
#b79e5f
```
#b79e5f rgb(183,158,95)
```

Tetradic Color

#3f548b
```
#3f548b rgb(63,84,139)
```
#465f9d
```
#465f9d rgb(70,95,157)
```
#4e6aae
```
#4e6aae rgb(78,106,174)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#7187bf
```
#7187bf rgb(113,135,191)
```
#8296c7
```
#8296c7 rgb(130,150,199)
```
#94a5cf
```
#94a5cf rgb(148,165,207)
```

Monochromatic Color

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

#5f8eb7
```
#5f8eb7 rgb(95,142,183)
```
#5f87b7
```
#5f87b7 rgb(95,135,183)
```
#5f7fb7
```
#5f7fb7 rgb(95,127,183)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#5f71b7
```
#5f71b7 rgb(95,113,183)
```
#5f69b7
```
#5f69b7 rgb(95,105,183)
```
#5f62b7
```
#5f62b7 rgb(95,98,183)
```

Similar Colors

Text with hexadecimal color #5f78b7

This text has a font color of #5f78b7.

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

#5f78b7 background color

This paragraph has a background color of #5f78b7.

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

#5f78b7 border color

This element has a border color of #5f78b7.

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

CSS codes

.text {color:#5f78b7;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070a10
```
#070a10 rgb(7,10,16)
```
#0d121d
```
#0d121d rgb(13,18,29)
```
#131a2b
```
#131a2b rgb(19,26,43)
```
#192238
```
#192238 rgb(25,34,56)
```
#1f2a46
```
#1f2a46 rgb(31,42,70)
```
#263354
```
#263354 rgb(38,51,84)
```
#2c3b61
```
#2c3b61 rgb(44,59,97)
```
#32436f
```
#32436f rgb(50,67,111)
```
#384b7c
```
#384b7c rgb(56,75,124)
```
#3e538a
```
#3e538a rgb(62,83,138)
```
#445c97
```
#445c97 rgb(68,92,151)
```
#4a64a5
```
#4a64a5 rgb(74,100,165)
```

Shade Color Variation

#516db1
```
#516db1 rgb(81,109,177)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#6d83bd
```
#6d83bd rgb(109,131,189)
```
#7a8fc3
```
#7a8fc3 rgb(122,143,195)
```
#889ac9
```
#889ac9 rgb(136,154,201)
```
#95a6cf
```
#95a6cf rgb(149,166,207)
```
#a3b1d5
```
#a3b1d5 rgb(163,177,213)
```
#b0bcdc
```
#b0bcdc rgb(176,188,220)
```
#bec8e2
```
#bec8e2 rgb(190,200,226)
```
#cbd3e8
```
#cbd3e8 rgb(203,211,232)
```
#d9dfee
```
#d9dfee rgb(217,223,238)
```
#e6eaf4
```
#e6eaf4 rgb(230,234,244)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

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

#838793
```
#838793 rgb(131,135,147)
```
#7a849c
```
#7a849c rgb(122,132,156)
```
#7180a5
```
#7180a5 rgb(113,128,165)
```
#687cae
```
#687cae rgb(104,124,174)
```
#5f78b7
```
#5f78b7 rgb(95,120,183)
```
#5674c0
```
#5674c0 rgb(86,116,192)
```
#4d70c9
```
#4d70c9 rgb(77,112,201)
```
#446cd2
```
#446cd2 rgb(68,108,210)
```
#3b69db
```
#3b69db rgb(59,105,219)
```
#3265e4
```
#3265e4 rgb(50,101,228)
```
#2961ed
```
#2961ed rgb(41,97,237)
```
#215df5
```
#215df5 rgb(33,93,245)
```
#1859fe
```
#1859fe rgb(24,89,254)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#737885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7eba Protanopia 1% of men
#6380ba Deuteranopia 1% of men
#578791 Tritanopia 0.001% of the population

Trichromacy

#667cb9 Protanomaly 1% of men, 0.01% of women
#617db9 Deuteranomaly 6% of men, 0.4% of women
#5a829f Tritanomaly 0.01% of the population

#5f78b7 hex color

#5f78b7 Color Information

#5f78b7 Color Conversion

Color Schemes with #5f78b7

Alternatives to #5f78b7

#5f78b7 Preview

Shades and Tints of #5f78b7

Tones of #5f78b7

Color Blindness Simulator