#5f78ae hex color

In a RGB color space, hex #5f78ae is composed of 37.3% red, 47.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 31% magenta, 0% yellow and 31.8% black. It has a hue angle of 221 degrees, a saturation of 32.8% and a lightness of 52.7%. #5f78ae color hex could be obtained by blending #bef0ff with #00005d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 47
- B 68
RGB color chart
- C 45
- M 31
- Y 0
- K 32
CMYK color chart

● #5f78ae color description : Dark moderate blue.

The hexadecimal color #5f78ae has RGB values of R:95, G:120, B:174 and CMYK values of C:0.45, M:0.31, Y:0, K:0.32. Its decimal value is 6256814.

Hex triplet	5f78ae	`#5f78ae`
RGB Decimal	95, 120, 174	`rgb(95,120,174)`
RGB Percent	37.3, 47.1, 68.2	`rgb(37.3%,47.1%,68.2%)`
CMYK	45, 31, 0, 32
HSL	221°, 32.8, 52.7	`hsl(221,32.8%,52.7%)`
HSV (or HSB)	221°, 45.4, 68.2
Web Safe	666699	`#666699`

CIE-LAB	50.595, 5.687, -31.562
XYZ	19.074, 18.921, 42.689
xyY	0.236, 0.235, 18.921
CIE-LCH	50.595, 32.07, 280.214
CIE-LUV	50.595, -13.681, -48.142
Hunter-Lab	43.498, 2.151, -27.738
Binary	01011111, 01111000, 10101110

#5f78ae
```
#5f78ae rgb(95,120,174)
```
#ae955f
```
#ae955f rgb(174,149,95)
```

Complementary Color

#5fa0ae
```
#5fa0ae rgb(95,160,174)
```
#5f78ae
```
#5f78ae rgb(95,120,174)
```
#6e5fae
```
#6e5fae rgb(110,95,174)
```

Analogous Color

#a0ae5f
```
#a0ae5f rgb(160,174,95)
```
#5f78ae
```
#5f78ae rgb(95,120,174)
```
#ae6e5f
```
#ae6e5f rgb(174,110,95)
```

Split Complementary Color

#78ae5f
```
#78ae5f rgb(120,174,95)
```
#5f78ae
```
#5f78ae rgb(95,120,174)
```
#ae5f78
```
#ae5f78 rgb(174,95,120)
```

Triadic Color

#5fae95
```
#5fae95 rgb(95,174,149)
```
#5f78ae
```
#5f78ae rgb(95,120,174)
```
#ae5f78
```
#ae5f78 rgb(174,95,120)
```
#ae955f
```
#ae955f rgb(174,149,95)
```

Tetradic Color

#415580
```
#415580 rgb(65,85,128)
```
#496091
```
#496091 rgb(73,96,145)
```
#526ba2
```
#526ba2 rgb(82,107,162)
```
#5f78ae
```
#5f78ae rgb(95,120,174)
```
#7086b7
```
#7086b7 rgb(112,134,183)
```
#8195bf
```
#8195bf rgb(129,149,191)
```
#92a3c8
```
#92a3c8 rgb(146,163,200)
```

Monochromatic Color

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

#5f8cae
```
#5f8cae rgb(95,140,174)
```
#5f85ae
```
#5f85ae rgb(95,133,174)
```
#5f7fae
```
#5f7fae rgb(95,127,174)
```
#5f78ae
```
#5f78ae rgb(95,120,174)
```
#5f71ae
```
#5f71ae rgb(95,113,174)
```
#5f6bae
```
#5f6bae rgb(95,107,174)
```
#5f64ae
```
#5f64ae rgb(95,100,174)
```

Similar Colors

Text with hexadecimal color #5f78ae

This text has a font color of #5f78ae.

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

#5f78ae background color

This paragraph has a background color of #5f78ae.

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

#5f78ae border color

This element has a border color of #5f78ae.

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

CSS codes

.text {color:#5f78ae;}

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

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0b0f16
```
#0b0f16 rgb(11,15,22)
```
#121723
```
#121723 rgb(18,23,35)
```
#182030
```
#182030 rgb(24,32,48)
```
#1f293d
```
#1f293d rgb(31,41,61)
```
#26314a
```
#26314a rgb(38,49,74)
```
#2c3a57
```
#2c3a57 rgb(44,58,87)
```
#334364
```
#334364 rgb(51,67,100)
```
#394b71
```
#394b71 rgb(57,75,113)
```
#40547e
```
#40547e rgb(64,84,126)
```
#475c8c
```
#475c8c rgb(71,92,140)
```
#4d6599
```
#4d6599 rgb(77,101,153)
```
#546ea6
```
#546ea6 rgb(84,110,166)
```

Shade Color Variation

#5f78ae
```
#5f78ae rgb(95,120,174)
```
#6c83b5
```
#6c83b5 rgb(108,131,181)
```
#798ebb
```
#798ebb rgb(121,142,187)
```
#8699c2
```
#8699c2 rgb(134,153,194)
```
#93a4c8
```
#93a4c8 rgb(147,164,200)
```
#a0afcf
```
#a0afcf rgb(160,175,207)
```
#adbad6
```
#adbad6 rgb(173,186,214)
```
#bac5dc
```
#bac5dc rgb(186,197,220)
```
#c7d0e3
```
#c7d0e3 rgb(199,208,227)
```
#d4dbe9
```
#d4dbe9 rgb(212,219,233)
```
#e1e6f0
```
#e1e6f0 rgb(225,230,240)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#848689
```
#848689 rgb(132,134,137)
```
#7b8292
```
#7b8292 rgb(123,130,146)
```
#727f9b
```
#727f9b rgb(114,127,155)
```
#687ba5
```
#687ba5 rgb(104,123,165)
```
#5f78ae
```
#5f78ae rgb(95,120,174)
```
#5675b7
```
#5675b7 rgb(86,117,183)
```
#4c71c1
```
#4c71c1 rgb(76,113,193)
```
#436eca
```
#436eca rgb(67,110,202)
```
#3a6ad3
```
#3a6ad3 rgb(58,106,211)
```
#3167dc
```
#3167dc rgb(49,103,220)
```
#2764e6
```
#2764e6 rgb(39,100,230)
```
#1e60ef
```
#1e60ef rgb(30,96,239)
```
#155df8
```
#155df8 rgb(21,93,248)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#727782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7db1 Protanopia 1% of men
#697eb2 Deuteranopia 1% of men
#5b868f Tritanopia 0.001% of the population

Trichromacy

#687bb0 Protanomaly 1% of men, 0.01% of women
#657cb0 Deuteranomaly 6% of men, 0.4% of women
#5c809a Tritanomaly 0.01% of the population

#5f78ae hex color

#5f78ae Color Information

#5f78ae Color Conversion

Color Schemes with #5f78ae

Alternatives to #5f78ae

#5f78ae Preview

Shades and Tints of #5f78ae

Tones of #5f78ae

Color Blindness Simulator