#5f97ec hex color

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

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

● #5f97ec color description : Soft blue.

The hexadecimal color #5f97ec has RGB values of R:95, G:151, B:236 and CMYK values of C:0.6, M:0.36, Y:0, K:0.07. Its decimal value is 6264812.

Hex triplet	5f97ec	`#5f97ec`
RGB Decimal	95, 151, 236	`rgb(95,151,236)`
RGB Percent	37.3, 59.2, 92.5	`rgb(37.3%,59.2%,92.5%)`
CMYK	60, 36, 0, 7
HSL	216.2°, 78.8, 64.9	`hsl(216.2,78.8%,64.9%)`
HSV (or HSB)	216.2°, 59.7, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.186, 6.88, -48.359
XYZ	30.923, 30.62, 83.633
xyY	0.213, 0.211, 30.62
CIE-LCH	62.186, 48.846, 278.097
CIE-LUV	62.186, -25.015, -78.006
Hunter-Lab	55.336, 2.912, -50.875
Binary	01011111, 10010111, 11101100

#5f97ec
```
#5f97ec rgb(95,151,236)
```
#ecb45f
```
#ecb45f rgb(236,180,95)
```

Complementary Color

#5fdeec
```
#5fdeec rgb(95,222,236)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#6e5fec
```
#6e5fec rgb(110,95,236)
```

Analogous Color

#deec5f
```
#deec5f rgb(222,236,95)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#ec6e5f
```
#ec6e5f rgb(236,110,95)
```

Split Complementary Color

#97ec5f
```
#97ec5f rgb(151,236,95)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#ec5f97
```
#ec5f97 rgb(236,95,151)
```

Triadic Color

#5fecb4
```
#5fecb4 rgb(95,236,180)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#ec5f97
```
#ec5f97 rgb(236,95,151)
```
#ecb45f
```
#ecb45f rgb(236,180,95)
```

Tetradic Color

#1b6be3
```
#1b6be3 rgb(27,107,227)
```
#3179e7
```
#3179e7 rgb(49,121,231)
```
#4888e9
```
#4888e9 rgb(72,136,233)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#76a6ef
```
#76a6ef rgb(118,166,239)
```
#8db5f1
```
#8db5f1 rgb(141,181,241)
```
#a3c3f4
```
#a3c3f4 rgb(163,195,244)
```

Monochromatic Color

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

#5fbaec
```
#5fbaec rgb(95,186,236)
```
#5fafec
```
#5fafec rgb(95,175,236)
```
#5fa3ec
```
#5fa3ec rgb(95,163,236)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#5f8bec
```
#5f8bec rgb(95,139,236)
```
#5f80ec
```
#5f80ec rgb(95,128,236)
```
#5f74ec
```
#5f74ec rgb(95,116,236)
```

Similar Colors

Text with hexadecimal color #5f97ec

This text has a font color of #5f97ec.

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

#5f97ec background color

This paragraph has a background color of #5f97ec.

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

#5f97ec border color

This element has a border color of #5f97ec.

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

CSS codes

.text {color:#5f97ec;}

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

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

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)
```
#061832
```
#061832 rgb(6,24,50)
```
#082044
```
#082044 rgb(8,32,68)
```
#0a2855
```
#0a2855 rgb(10,40,85)
```
#0c3067
```
#0c3067 rgb(12,48,103)
```
#0e3879
```
#0e3879 rgb(14,56,121)
```
#10418a
```
#10418a rgb(16,65,138)
```
#12499c
```
#12499c rgb(18,73,156)
```
#1551ad
```
#1551ad rgb(21,81,173)
```
#1759bf
```
#1759bf rgb(23,89,191)
```
#1962d0
```
#1962d0 rgb(25,98,208)
```
#1b6ae2
```
#1b6ae2 rgb(27,106,226)
```

Shade Color Variation

#2a75e6
```
#2a75e6 rgb(42,117,230)
```
#3c80e8
```
#3c80e8 rgb(60,128,232)
```
#4d8cea
```
#4d8cea rgb(77,140,234)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#71a2ee
```
#71a2ee rgb(113,162,238)
```
#82aef0
```
#82aef0 rgb(130,174,240)
```
#94b9f2
```
#94b9f2 rgb(148,185,242)
```
#a5c5f4
```
#a5c5f4 rgb(165,197,244)
```
#b7d0f6
```
#b7d0f6 rgb(183,208,246)
```
#c8dbf8
```
#c8dbf8 rgb(200,219,248)
```
#dae7fb
```
#dae7fb rgb(218,231,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 #5194fa is the most saturated one.

#a4a5a7
```
#a4a5a7 rgb(164,165,167)
```
#9da4ae
```
#9da4ae rgb(157,164,174)
```
#96a2b5
```
#96a2b5 rgb(150,162,181)
```
#8fa1bc
```
#8fa1bc rgb(143,161,188)
```
#889fc3
```
#889fc3 rgb(136,159,195)
```
#819eca
```
#819eca rgb(129,158,202)
```
#7b9dd0
```
#7b9dd0 rgb(123,157,208)
```
#749bd7
```
#749bd7 rgb(116,155,215)
```
#6d9ade
```
#6d9ade rgb(109,154,222)
```
#6698e5
```
#6698e5 rgb(102,152,229)
```
#5f97ec
```
#5f97ec rgb(95,151,236)
```
#5896f3
```
#5896f3 rgb(88,150,243)
```
#5194fa
```
#5194fa rgb(81,148,250)
```

Tone Color Variation

Below, you can see how #5f97ec 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
#8691a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b99ea Protanopia 1% of men
#699ced Deuteranopia 1% of men
#45a8b4 Tritanopia 0.001% of the population

Trichromacy

#7098ea Protanomaly 1% of men, 0.01% of women
#659aec Deuteranomaly 6% of men, 0.4% of women
#4ea2c8 Tritanomaly 0.01% of the population

#5f97ec hex color

#5f97ec Color Information

#5f97ec Color Conversion

Color Schemes with #5f97ec

Alternatives to #5f97ec

#5f97ec Preview

Shades and Tints of #5f97ec

Tones of #5f97ec

Color Blindness Simulator