#5f93fd hex color

In a RGB color space, hex #5f93fd is composed of 37.3% red, 57.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 41.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 220.3 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f93fd color hex could be obtained by blending #beffff with #0027fb. Closest websafe color is: #6699ff.

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

● #5f93fd color description : Soft blue.

The hexadecimal color #5f93fd has RGB values of R:95, G:147, B:253 and CMYK values of C:0.62, M:0.42, Y:0, K:0.01. Its decimal value is 6263805.

Hex triplet	5f93fd	`#5f93fd`
RGB Decimal	95, 147, 253	`rgb(95,147,253)`
RGB Percent	37.3, 57.6, 99.2	`rgb(37.3%,57.6%,99.2%)`
CMYK	62, 42, 0, 1
HSL	220.3°, 97.5, 68.2	`hsl(220.3,97.5%,68.2%)`
HSV (or HSB)	220.3°, 62.5, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.989, 14.829, -58.015
XYZ	32.879, 30.39, 97.056
xyY	0.205, 0.19, 30.39
CIE-LCH	61.989, 59.88, 284.339
CIE-LUV	61.989, -23.539, -94.798
Hunter-Lab	55.127, 9.987, -65.796
Binary	01011111, 10010011, 11111101

#5f93fd
```
#5f93fd rgb(95,147,253)
```
#fdc95f
```
#fdc95f rgb(253,201,95)
```

Complementary Color

#5fe2fd
```
#5fe2fd rgb(95,226,253)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```
#7a5ffd
```
#7a5ffd rgb(122,95,253)
```

Analogous Color

#e2fd5f
```
#e2fd5f rgb(226,253,95)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```
#fd7a5f
```
#fd7a5f rgb(253,122,95)
```

Split Complementary Color

#93fd5f
```
#93fd5f rgb(147,253,95)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```
#fd5f93
```
#fd5f93 rgb(253,95,147)
```

Triadic Color

#5ffdc9
```
#5ffdc9 rgb(95,253,201)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```
#fd5f93
```
#fd5f93 rgb(253,95,147)
```
#fdc95f
```
#fdc95f rgb(253,201,95)
```

Tetradic Color

#1360fc
```
#1360fc rgb(19,96,252)
```
#2d71fc
```
#2d71fc rgb(45,113,252)
```
#4682fd
```
#4682fd rgb(70,130,253)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```
#78a4fd
```
#78a4fd rgb(120,164,253)
```
#91b5fe
```
#91b5fe rgb(145,181,254)
```
#abc6fe
```
#abc6fe rgb(171,198,254)
```

Monochromatic Color

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

#5fbbfd
```
#5fbbfd rgb(95,187,253)
```
#5fadfd
```
#5fadfd rgb(95,173,253)
```
#5fa0fd
```
#5fa0fd rgb(95,160,253)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```
#5f86fd
```
#5f86fd rgb(95,134,253)
```
#5f79fd
```
#5f79fd rgb(95,121,253)
```
#5f6cfd
```
#5f6cfd rgb(95,108,253)
```

Similar Colors

Text with hexadecimal color #5f93fd

This text has a font color of #5f93fd.

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

#5f93fd background color

This paragraph has a background color of #5f93fd.

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

#5f93fd border color

This element has a border color of #5f93fd.

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

CSS codes

.text {color:#5f93fd;}

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

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

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, #00050e is the darkest color, while #fafcff is the lightest one.

#00050e
```
#00050e rgb(0,5,14)
```
#000b22
```
#000b22 rgb(0,11,34)
```
#011235
```
#011235 rgb(1,18,53)
```
#011848
```
#011848 rgb(1,24,72)
```
#011f5c
```
#011f5c rgb(1,31,92)
```
#01266f
```
#01266f rgb(1,38,111)
```
#022c83
```
#022c83 rgb(2,44,131)
```
#023396
```
#023396 rgb(2,51,150)
```
#0239a9
```
#0239a9 rgb(2,57,169)
```
#0240bd
```
#0240bd rgb(2,64,189)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#034de3
```
#034de3 rgb(3,77,227)
```
#0353f7
```
#0353f7 rgb(3,83,247)
```

Shade Color Variation

#125ffc
```
#125ffc rgb(18,95,252)
```
#256cfc
```
#256cfc rgb(37,108,252)
```
#3879fd
```
#3879fd rgb(56,121,253)
```
#4c86fd
```
#4c86fd rgb(76,134,253)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```
#72a0fd
```
#72a0fd rgb(114,160,253)
```
#86adfd
```
#86adfd rgb(134,173,253)
```
#99bafe
```
#99bafe rgb(153,186,254)
```
#acc7fe
```
#acc7fe rgb(172,199,254)
```
#c0d4fe
```
#c0d4fe rgb(192,212,254)
```
#d3e1fe
```
#d3e1fe rgb(211,225,254)
```
#e7efff
```
#e7efff rgb(231,239,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#aaadb2
```
#aaadb2 rgb(170,173,178)
```
#a4aab8
```
#a4aab8 rgb(164,170,184)
```
#9da8bf
```
#9da8bf rgb(157,168,191)
```
#97a6c5
```
#97a6c5 rgb(151,166,197)
```
#91a4cb
```
#91a4cb rgb(145,164,203)
```
#8ba2d1
```
#8ba2d1 rgb(139,162,209)
```
#84a0d8
```
#84a0d8 rgb(132,160,216)
```
#7e9ede
```
#7e9ede rgb(126,158,222)
```
#789ce4
```
#789ce4 rgb(120,156,228)
```
#7299ea
```
#7299ea rgb(114,153,234)
```
#6b97f1
```
#6b97f1 rgb(107,151,241)
```
#6595f7
```
#6595f7 rgb(101,149,247)
```
#5f93fd
```
#5f93fd rgb(95,147,253)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8691a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b97fc Protanopia 1% of men
#4c9cfb Deuteranopia 1% of men
#31a9b5 Tritanopia 0.001% of the population

Trichromacy

#6696fc Protanomaly 1% of men, 0.01% of women
#5399fb Deuteranomaly 6% of men, 0.4% of women
#42a1cf Tritanomaly 0.01% of the population

#5f93fd hex color

#5f93fd Color Information

#5f93fd Color Conversion

Color Schemes with #5f93fd

Alternatives to #5f93fd

#5f93fd Preview

Shades and Tints of #5f93fd

Tones of #5f93fd

Color Blindness Simulator