#5f5afd hex color

In a RGB color space, hex #5f5afd is composed of 37.3% red, 35.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 64.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 241.8 degrees, a saturation of 97.6% and a lightness of 67.3%. #5f5afd color hex could be obtained by blending #beb4ff with #0000fb. Closest websafe color is: #6666ff.

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

● #5f5afd color description : Soft blue.

The hexadecimal color #5f5afd has RGB values of R:95, G:90, B:253 and CMYK values of C:0.62, M:0.64, Y:0, K:0.01. Its decimal value is 6249213.

Hex triplet	5f5afd	`#5f5afd`
RGB Decimal	95, 90, 253	`rgb(95,90,253)`
RGB Percent	37.3, 35.3, 99.2	`rgb(37.3%,35.3%,99.2%)`
CMYK	62, 64, 0, 1
HSL	241.8°, 97.6, 67.3	`hsl(241.8,97.6%,67.3%)`
HSV (or HSB)	241.8°, 64.4, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.053, 48.909, -80.539
XYZ	26.102, 16.836, 94.797
xyY	0.19, 0.122, 16.836
CIE-LCH	48.053, 94.226, 301.269
CIE-LUV	48.053, -7.748, -124.447
Hunter-Lab	41.032, 41.745, -108.259
Binary	01011111, 01011010, 11111101

#5f5afd
```
#5f5afd rgb(95,90,253)
```
#f8fd5a
```
#f8fd5a rgb(248,253,90)
```

Complementary Color

#5aa7fd
```
#5aa7fd rgb(90,167,253)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```
#b15afd
```
#b15afd rgb(177,90,253)
```

Analogous Color

#a7fd5a
```
#a7fd5a rgb(167,253,90)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```
#fdb15a
```
#fdb15a rgb(253,177,90)
```

Split Complementary Color

#5afd5f
```
#5afd5f rgb(90,253,95)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```
#fd5f5a
```
#fd5f5a rgb(253,95,90)
```

Triadic Color

#5af8fd
```
#5af8fd rgb(90,248,253)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```
#fd5f5a
```
#fd5f5a rgb(253,95,90)
```
#f8fd5a
```
#f8fd5a rgb(248,253,90)
```

Tetradic Color

#160efc
```
#160efc rgb(22,14,252)
```
#2e28fc
```
#2e28fc rgb(46,40,252)
```
#4741fd
```
#4741fd rgb(71,65,253)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```
#7773fd
```
#7773fd rgb(119,115,253)
```
#908cfe
```
#908cfe rgb(144,140,254)
```
#a8a6fe
```
#a8a6fe rgb(168,166,254)
```

Monochromatic Color

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

#5a7efd
```
#5a7efd rgb(90,126,253)
```
#5a70fd
```
#5a70fd rgb(90,112,253)
```
#5a63fd
```
#5a63fd rgb(90,99,253)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```
#6d5afd
```
#6d5afd rgb(109,90,253)
```
#7a5afd
```
#7a5afd rgb(122,90,253)
```
#885afd
```
#885afd rgb(136,90,253)
```

Similar Colors

Text with hexadecimal color #5f5afd

This text has a font color of #5f5afd.

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

#5f5afd background color

This paragraph has a background color of #5f5afd.

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

#5f5afd border color

This element has a border color of #5f5afd.

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

CSS codes

.text {color:#5f5afd;}

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

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

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

#000009
```
#000009 rgb(0,0,9)
```
#01001d
```
#01001d rgb(1,0,29)
```
#020130
```
#020130 rgb(2,1,48)
```
#030144
```
#030144 rgb(3,1,68)
```
#040157
```
#040157 rgb(4,1,87)
```
#05016a
```
#05016a rgb(5,1,106)
```
#05027e
```
#05027e rgb(5,2,126)
```
#060291
```
#060291 rgb(6,2,145)
```
#0702a4
```
#0702a4 rgb(7,2,164)
```
#0802b8
```
#0802b8 rgb(8,2,184)
```
#0902cb
```
#0902cb rgb(9,2,203)
```
#0903df
```
#0903df rgb(9,3,223)
```
#0a03f2
```
#0a03f2 rgb(10,3,242)
```

Shade Color Variation

#140cfc
```
#140cfc rgb(20,12,252)
```
#2720fc
```
#2720fc rgb(39,32,252)
```
#3933fd
```
#3933fd rgb(57,51,253)
```
#4c47fd
```
#4c47fd rgb(76,71,253)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```
#726dfd
```
#726dfd rgb(114,109,253)
```
#8581fd
```
#8581fd rgb(133,129,253)
```
#9794fe
```
#9794fe rgb(151,148,254)
```
#aaa8fe
```
#aaa8fe rgb(170,168,254)
```
#bdbbfe
```
#bdbbfe rgb(189,187,254)
```
#d0cefe
```
#d0cefe rgb(208,206,254)
```
#e3e2ff
```
#e3e2ff rgb(227,226,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#a7a7b0
```
#a7a7b0 rgb(167,167,176)
```
#a1a1b6
```
#a1a1b6 rgb(161,161,182)
```
#9b9abd
```
#9b9abd rgb(155,154,189)
```
#9594c3
```
#9594c3 rgb(149,148,195)
```
#8f8dca
```
#8f8dca rgb(143,141,202)
```
#8987d0
```
#8987d0 rgb(137,135,208)
```
#8381d6
```
#8381d6 rgb(131,129,214)
```
#7d7add
```
#7d7add rgb(125,122,221)
```
#7774e3
```
#7774e3 rgb(119,116,227)
```
#716dea
```
#716dea rgb(113,109,234)
```
#6b67f0
```
#6b67f0 rgb(107,103,240)
```
#6560f7
```
#6560f7 rgb(101,96,247)
```
#5f5afd
```
#5f5afd rgb(95,90,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6b6a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#226bee Protanomaly 1% of men, 0.01% of women
#226fdb Deuteranomaly 6% of men, 0.4% of women
#2275b6 Tritanomaly 0.01% of the population

#5f5afd hex color

#5f5afd Color Information

#5f5afd Color Conversion

Color Schemes with #5f5afd

Alternatives to #5f5afd

#5f5afd Preview

Shades and Tints of #5f5afd

Tones of #5f5afd

Color Blindness Simulator