#5f60ae hex color

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

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

● #5f60ae color description : Dark moderate blue.

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

Hex triplet	5f60ae	`#5f60ae`
RGB Decimal	95, 96, 174	`rgb(95,96,174)`
RGB Percent	37.3, 37.6, 68.2	`rgb(37.3%,37.6%,68.2%)`
CMYK	45, 45, 0, 32
HSL	239.2°, 32.8, 52.7	`hsl(239.2,32.8%,52.7%)`
HSV (or HSB)	239.2°, 45.4, 68.2
Web Safe	666699	`#666699`

CIE-LAB	44.023, 20.432, -41.921
XYZ	16.541, 13.854, 41.845
xyY	0.229, 0.192, 13.854
CIE-LCH	44.023, 46.635, 295.985
CIE-LUV	44.023, -5.003, -64.081
Hunter-Lab	37.221, 14.186, -40.6
Binary	01011111, 01100000, 10101110

#5f60ae
```
#5f60ae rgb(95,96,174)
```
#aead5f
```
#aead5f rgb(174,173,95)
```

Complementary Color

#5f88ae
```
#5f88ae rgb(95,136,174)
```
#5f60ae
```
#5f60ae rgb(95,96,174)
```
#865fae
```
#865fae rgb(134,95,174)
```

Analogous Color

#88ae5f
```
#88ae5f rgb(136,174,95)
```
#5f60ae
```
#5f60ae rgb(95,96,174)
```
#ae865f
```
#ae865f rgb(174,134,95)
```

Split Complementary Color

#60ae5f
```
#60ae5f rgb(96,174,95)
```
#5f60ae
```
#5f60ae rgb(95,96,174)
```
#ae5f60
```
#ae5f60 rgb(174,95,96)
```

Triadic Color

#5faead
```
#5faead rgb(95,174,173)
```
#5f60ae
```
#5f60ae rgb(95,96,174)
```
#ae5f60
```
#ae5f60 rgb(174,95,96)
```
#aead5f
```
#aead5f rgb(174,173,95)
```

Tetradic Color

#414180
```
#414180 rgb(65,65,128)
```
#494a91
```
#494a91 rgb(73,74,145)
```
#5253a2
```
#5253a2 rgb(82,83,162)
```
#5f60ae
```
#5f60ae rgb(95,96,174)
```
#7071b7
```
#7071b7 rgb(112,113,183)
```
#8182bf
```
#8182bf rgb(129,130,191)
```
#9292c8
```
#9292c8 rgb(146,146,200)
```

Monochromatic Color

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

#5f74ae
```
#5f74ae rgb(95,116,174)
```
#5f6dae
```
#5f6dae rgb(95,109,174)
```
#5f67ae
```
#5f67ae rgb(95,103,174)
```
#5f60ae
```
#5f60ae rgb(95,96,174)
```
#655fae
```
#655fae rgb(101,95,174)
```
#6b5fae
```
#6b5fae rgb(107,95,174)
```
#725fae
```
#725fae rgb(114,95,174)
```

Similar Colors

Text with hexadecimal color #5f60ae

This text has a font color of #5f60ae.

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

#5f60ae background color

This paragraph has a background color of #5f60ae.

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

#5f60ae border color

This element has a border color of #5f60ae.

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

CSS codes

.text {color:#5f60ae;}

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

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

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

#050509
```
#050509 rgb(5,5,9)
```
#0b0b16
```
#0b0b16 rgb(11,11,22)
```
#121223
```
#121223 rgb(18,18,35)
```
#181930
```
#181930 rgb(24,25,48)
```
#1f1f3d
```
#1f1f3d rgb(31,31,61)
```
#26264a
```
#26264a rgb(38,38,74)
```
#2c2d57
```
#2c2d57 rgb(44,45,87)
```
#333364
```
#333364 rgb(51,51,100)
```
#393a71
```
#393a71 rgb(57,58,113)
```
#40417e
```
#40417e rgb(64,65,126)
```
#47488c
```
#47488c rgb(71,72,140)
```
#4d4e99
```
#4d4e99 rgb(77,78,153)
```
#5455a6
```
#5455a6 rgb(84,85,166)
```

Shade Color Variation

#5f60ae
```
#5f60ae rgb(95,96,174)
```
#6c6db5
```
#6c6db5 rgb(108,109,181)
```
#797abb
```
#797abb rgb(121,122,187)
```
#8687c2
```
#8687c2 rgb(134,135,194)
```
#9394c8
```
#9394c8 rgb(147,148,200)
```
#a0a1cf
```
#a0a1cf rgb(160,161,207)
```
#adaed6
```
#adaed6 rgb(173,174,214)
```
#babbdc
```
#babbdc rgb(186,187,220)
```
#c7c8e3
```
#c7c8e3 rgb(199,200,227)
```
#d4d4e9
```
#d4d4e9 rgb(212,212,233)
```
#e1e1f0
```
#e1e1f0 rgb(225,225,240)
```
#eeeef7
```
#eeeef7 rgb(238,238,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#848489
```
#848489 rgb(132,132,137)
```
#7b7b92
```
#7b7b92 rgb(123,123,146)
```
#72729b
```
#72729b rgb(114,114,155)
```
#6869a5
```
#6869a5 rgb(104,105,165)
```
#5f60ae
```
#5f60ae rgb(95,96,174)
```
#5657b7
```
#5657b7 rgb(86,87,183)
```
#4c4ec1
```
#4c4ec1 rgb(76,78,193)
```
#4345ca
```
#4345ca rgb(67,69,202)
```
#3a3cd3
```
#3a3cd3 rgb(58,60,211)
```
#3133dc
```
#3133dc rgb(49,51,220)
```
#272ae6
```
#272ae6 rgb(39,42,230)
```
#1e21ef
```
#1e21ef rgb(30,33,239)
```
#1518f8
```
#1518f8 rgb(21,24,248)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6db6 Protanopia 1% of men
#4470ae Deuteranopia 1% of men
#55747d Tritanopia 0.001% of the population

Trichromacy

#5368b3 Protanomaly 1% of men, 0.01% of women
#4d6aae Deuteranomaly 6% of men, 0.4% of women
#586d8f Tritanomaly 0.01% of the population

#5f60ae hex color

#5f60ae Color Information

#5f60ae Color Conversion

Color Schemes with #5f60ae

Alternatives to #5f60ae

#5f60ae Preview

Shades and Tints of #5f60ae

Tones of #5f60ae

Color Blindness Simulator