#5f60d4 hex color

In a RGB color space, hex #5f60d4 is composed of 37.3% red, 37.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 54.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 239.5 degrees, a saturation of 57.6% and a lightness of 60.2%. #5f60d4 color hex could be obtained by blending #bec0ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 38
- B 83
RGB color chart
- C 55
- M 55
- Y 0
- K 17
CMYK color chart

● #5f60d4 color description : Moderate blue.

The hexadecimal color #5f60d4 has RGB values of R:95, G:96, B:212 and CMYK values of C:0.55, M:0.55, Y:0, K:0.17. Its decimal value is 6250708.

Hex triplet	5f60d4	`#5f60d4`
RGB Decimal	95, 96, 212	`rgb(95,96,212)`
RGB Percent	37.3, 37.6, 83.1	`rgb(37.3%,37.6%,83.1%)`
CMYK	55, 55, 0, 17
HSL	239.5°, 57.6, 60.2	`hsl(239.5,57.6%,60.2%)`
HSV (or HSB)	239.5°, 55.2, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.38, 32.349, -60.148
XYZ	20.784, 15.551, 64.19
xyY	0.207, 0.155, 15.551
CIE-LCH	46.38, 68.295, 298.272
CIE-LUV	46.38, -7.055, -93.432
Hunter-Lab	39.435, 25.063, -68.904
Binary	01011111, 01100000, 11010100

#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#d4d35f
```
#d4d35f rgb(212,211,95)
```

Complementary Color

#5f9bd4
```
#5f9bd4 rgb(95,155,212)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#995fd4
```
#995fd4 rgb(153,95,212)
```

Analogous Color

#9bd45f
```
#9bd45f rgb(155,212,95)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#d4995f
```
#d4995f rgb(212,153,95)
```

Split Complementary Color

#60d45f
```
#60d45f rgb(96,212,95)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#d45f60
```
#d45f60 rgb(212,95,96)
```

Triadic Color

#5fd4d3
```
#5fd4d3 rgb(95,212,211)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#d45f60
```
#d45f60 rgb(212,95,96)
```
#d4d35f
```
#d4d35f rgb(212,211,95)
```

Tetradic Color

#3132b6
```
#3132b6 rgb(49,50,182)
```
#3738c9
```
#3738c9 rgb(55,56,201)
```
#4b4ccf
```
#4b4ccf rgb(75,76,207)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#7374d9
```
#7374d9 rgb(115,116,217)
```
#8788df
```
#8788df rgb(135,136,223)
```
#9b9ce4
```
#9b9ce4 rgb(155,156,228)
```

Monochromatic Color

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

#5f7dd4
```
#5f7dd4 rgb(95,125,212)
```
#5f74d4
```
#5f74d4 rgb(95,116,212)
```
#5f6ad4
```
#5f6ad4 rgb(95,106,212)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#685fd4
```
#685fd4 rgb(104,95,212)
```
#725fd4
```
#725fd4 rgb(114,95,212)
```
#7b5fd4
```
#7b5fd4 rgb(123,95,212)
```

Similar Colors

Text with hexadecimal color #5f60d4

This text has a font color of #5f60d4.

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

#5f60d4 background color

This paragraph has a background color of #5f60d4.

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

#5f60d4 border color

This element has a border color of #5f60d4.

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

CSS codes

.text {color:#5f60d4;}

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

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

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, #03030a is the darkest color, while #fafafe is the lightest one.

#03030a
```
#03030a rgb(3,3,10)
```
#07071a
```
#07071a rgb(7,7,26)
```
#0b0b29
```
#0b0b29 rgb(11,11,41)
```
#0f1038
```
#0f1038 rgb(15,16,56)
```
#131448
```
#131448 rgb(19,20,72)
```
#171857
```
#171857 rgb(23,24,87)
```
#1c1c67
```
#1c1c67 rgb(28,28,103)
```
#202176
```
#202176 rgb(32,33,118)
```
#242586
```
#242586 rgb(36,37,134)
```
#282995
```
#282995 rgb(40,41,149)
```
#2c2da5
```
#2c2da5 rgb(44,45,165)
```
#3032b4
```
#3032b4 rgb(48,50,180)
```
#3536c4
```
#3536c4 rgb(53,54,196)
```

Shade Color Variation

#4041cc
```
#4041cc rgb(64,65,204)
```
#5051d0
```
#5051d0 rgb(80,81,208)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#6e6fd8
```
#6e6fd8 rgb(110,111,216)
```
#7e7fdc
```
#7e7fdc rgb(126,127,220)
```
#8d8ee0
```
#8d8ee0 rgb(141,142,224)
```
#9d9de5
```
#9d9de5 rgb(157,157,229)
```
#acade9
```
#acade9 rgb(172,173,233)
```
#bcbced
```
#bcbced rgb(188,188,237)
```
#cbccf1
```
#cbccf1 rgb(203,204,241)
```
#dbdbf5
```
#dbdbf5 rgb(219,219,245)
```
#eaeaf9
```
#eaeaf9 rgb(234,234,249)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96969d is the less saturated color, while #383afb is the most saturated one.

#96969d
```
#96969d rgb(150,150,157)
```
#8e8ea5
```
#8e8ea5 rgb(142,142,165)
```
#8686ad
```
#8686ad rgb(134,134,173)
```
#7e7fb5
```
#7e7fb5 rgb(126,127,181)
```
#7677bd
```
#7677bd rgb(118,119,189)
```
#6f6fc4
```
#6f6fc4 rgb(111,111,196)
```
#6768cc
```
#6768cc rgb(103,104,204)
```
#5f60d4
```
#5f60d4 rgb(95,96,212)
```
#5758dc
```
#5758dc rgb(87,88,220)
```
#4f51e4
```
#4f51e4 rgb(79,81,228)
```
#4849eb
```
#4849eb rgb(72,73,235)
```
#4041f3
```
#4041f3 rgb(64,65,243)
```
#383afb
```
#383afb rgb(56,58,251)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6a6a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e71df Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#407e87 Tritanopia 0.001% of the population

Trichromacy

#2b6bdb Protanomaly 1% of men, 0.01% of women
#226fca Deuteranomaly 6% of men, 0.4% of women
#4b73a3 Tritanomaly 0.01% of the population

#5f60d4 hex color

#5f60d4 Color Information

#5f60d4 Color Conversion

Color Schemes with #5f60d4

Alternatives to #5f60d4

#5f60d4 Preview

Shades and Tints of #5f60d4

Tones of #5f60d4

Color Blindness Simulator