#5f93ec hex color

In a RGB color space, hex #5f93ec is composed of 37.3% red, 57.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 37.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 217.9 degrees, a saturation of 78.8% and a lightness of 64.9%. #5f93ec color hex could be obtained by blending #beffff with #0027d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 58
- B 93
RGB color chart
- C 60
- M 38
- Y 0
- K 7
CMYK color chart

● #5f93ec color description : Soft blue.

The hexadecimal color #5f93ec has RGB values of R:95, G:147, B:236 and CMYK values of C:0.6, M:0.38, Y:0, K:0.07. Its decimal value is 6263788.

Hex triplet	5f93ec	`#5f93ec`
RGB Decimal	95, 147, 236	`rgb(95,147,236)`
RGB Percent	37.3, 57.6, 92.5	`rgb(37.3%,57.6%,92.5%)`
CMYK	60, 38, 0, 7
HSL	217.9°, 78.8, 64.9	`hsl(217.9,78.8%,64.9%)`
HSV (or HSB)	217.9°, 59.7, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.093, 9.227, -50.088
XYZ	30.29, 29.355, 83.422
xyY	0.212, 0.205, 29.355
CIE-LCH	61.093, 50.931, 280.438
CIE-LUV	61.093, -23.641, -80.89
Hunter-Lab	54.18, 4.978, -53.364
Binary	01011111, 10010011, 11101100

#5f93ec
```
#5f93ec rgb(95,147,236)
```
#ecb85f
```
#ecb85f rgb(236,184,95)
```

Complementary Color

#5fdaec
```
#5fdaec rgb(95,218,236)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#725fec
```
#725fec rgb(114,95,236)
```

Analogous Color

#daec5f
```
#daec5f rgb(218,236,95)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#ec725f
```
#ec725f rgb(236,114,95)
```

Split Complementary Color

#93ec5f
```
#93ec5f rgb(147,236,95)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#ec5f93
```
#ec5f93 rgb(236,95,147)
```

Triadic Color

#5fecb8
```
#5fecb8 rgb(95,236,184)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#ec5f93
```
#ec5f93 rgb(236,95,147)
```
#ecb85f
```
#ecb85f rgb(236,184,95)
```

Tetradic Color

#1b65e3
```
#1b65e3 rgb(27,101,227)
```
#3174e7
```
#3174e7 rgb(49,116,231)
```
#4884e9
```
#4884e9 rgb(72,132,233)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#76a2ef
```
#76a2ef rgb(118,162,239)
```
#8db2f1
```
#8db2f1 rgb(141,178,241)
```
#a3c1f4
```
#a3c1f4 rgb(163,193,244)
```

Monochromatic Color

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

#5fb6ec
```
#5fb6ec rgb(95,182,236)
```
#5fabec
```
#5fabec rgb(95,171,236)
```
#5f9fec
```
#5f9fec rgb(95,159,236)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#5f87ec
```
#5f87ec rgb(95,135,236)
```
#5f7cec
```
#5f7cec rgb(95,124,236)
```
#5f70ec
```
#5f70ec rgb(95,112,236)
```

Similar Colors

Text with hexadecimal color #5f93ec

This text has a font color of #5f93ec.

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

#5f93ec background color

This paragraph has a background color of #5f93ec.

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

#5f93ec border color

This element has a border color of #5f93ec.

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

CSS codes

.text {color:#5f93ec;}

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

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

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, #02070f is the darkest color, while #fdfeff is the lightest one.

#02070f
```
#02070f rgb(2,7,15)
```
#040f21
```
#040f21 rgb(4,15,33)
```
#061632
```
#061632 rgb(6,22,50)
```
#081e44
```
#081e44 rgb(8,30,68)
```
#0a2655
```
#0a2655 rgb(10,38,85)
```
#0c2e67
```
#0c2e67 rgb(12,46,103)
```
#0e3579
```
#0e3579 rgb(14,53,121)
```
#103d8a
```
#103d8a rgb(16,61,138)
```
#12459c
```
#12459c rgb(18,69,156)
```
#154dad
```
#154dad rgb(21,77,173)
```
#1755bf
```
#1755bf rgb(23,85,191)
```
#195cd0
```
#195cd0 rgb(25,92,208)
```
#1b64e2
```
#1b64e2 rgb(27,100,226)
```

Shade Color Variation

#2a6fe6
```
#2a6fe6 rgb(42,111,230)
```
#3c7be8
```
#3c7be8 rgb(60,123,232)
```
#4d87ea
```
#4d87ea rgb(77,135,234)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#719fee
```
#719fee rgb(113,159,238)
```
#82abf0
```
#82abf0 rgb(130,171,240)
```
#94b7f2
```
#94b7f2 rgb(148,183,242)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#b7cef6
```
#b7cef6 rgb(183,206,246)
```
#c8daf8
```
#c8daf8 rgb(200,218,248)
```
#dae6fb
```
#dae6fb rgb(218,230,251)
```
#ebf2fd
```
#ebf2fd rgb(235,242,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a4a5a7
```
#a4a5a7 rgb(164,165,167)
```
#9da3ae
```
#9da3ae rgb(157,163,174)
```
#96a1b5
```
#96a1b5 rgb(150,161,181)
```
#8fa0bc
```
#8fa0bc rgb(143,160,188)
```
#889ec3
```
#889ec3 rgb(136,158,195)
```
#819cca
```
#819cca rgb(129,156,202)
```
#7b9ad0
```
#7b9ad0 rgb(123,154,208)
```
#7498d7
```
#7498d7 rgb(116,152,215)
```
#6d97de
```
#6d97de rgb(109,151,222)
```
#6695e5
```
#6695e5 rgb(102,149,229)
```
#5f93ec
```
#5f93ec rgb(95,147,236)
```
#5891f3
```
#5891f3 rgb(88,145,243)
```
#518ffa
```
#518ffa rgb(81,143,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#858fa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7596eb Protanopia 1% of men
#6199ec Deuteranopia 1% of men
#43a5b1 Tritanopia 0.001% of the population

Trichromacy

#6d95eb Protanomaly 1% of men, 0.01% of women
#6097ec Deuteranomaly 6% of men, 0.4% of women
#4d9ec7 Tritanomaly 0.01% of the population

#5f93ec hex color

#5f93ec Color Information

#5f93ec Color Conversion

Color Schemes with #5f93ec

Alternatives to #5f93ec

#5f93ec Preview

Shades and Tints of #5f93ec

Tones of #5f93ec

Color Blindness Simulator