#5f66ec hex color

In a RGB color space, hex #5f66ec is composed of 37.3% red, 40% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 56.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 237 degrees, a saturation of 78.8% and a lightness of 64.9%. #5f66ec color hex could be obtained by blending #beccff with #0000d9. Closest websafe color is: #6666ff.

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

● #5f66ec color description : Soft blue.

The hexadecimal color #5f66ec has RGB values of R:95, G:102, B:236 and CMYK values of C:0.6, M:0.57, Y:0, K:0.07. Its decimal value is 6252268.

Hex triplet	5f66ec	`#5f66ec`
RGB Decimal	95, 102, 236	`rgb(95,102,236)`
RGB Percent	37.3, 40, 92.5	`rgb(37.3%,40%,92.5%)`
CMYK	60, 57, 0, 7
HSL	237°, 78.8, 64.9	`hsl(237,78.8%,64.9%)`
HSV (or HSB)	237°, 59.7, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.485, 36.414, -68.708
XYZ	24.608, 17.991, 81.528
xyY	0.198, 0.145, 17.991
CIE-LCH	49.485, 77.761, 297.923
CIE-LUV	49.485, -9.803, -108.052
Hunter-Lab	42.415, 29.333, -84.273
Binary	01011111, 01100110, 11101100

#5f66ec
```
#5f66ec rgb(95,102,236)
```
#ece55f
```
#ece55f rgb(236,229,95)
```

Complementary Color

#5fadec
```
#5fadec rgb(95,173,236)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#9f5fec
```
#9f5fec rgb(159,95,236)
```

Analogous Color

#adec5f
```
#adec5f rgb(173,236,95)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#ec9f5f
```
#ec9f5f rgb(236,159,95)
```

Split Complementary Color

#66ec5f
```
#66ec5f rgb(102,236,95)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#ec5f66
```
#ec5f66 rgb(236,95,102)
```

Triadic Color

#5fece5
```
#5fece5 rgb(95,236,229)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#ec5f66
```
#ec5f66 rgb(236,95,102)
```
#ece55f
```
#ece55f rgb(236,229,95)
```

Tetradic Color

#1b25e3
```
#1b25e3 rgb(27,37,227)
```
#313ae7
```
#313ae7 rgb(49,58,231)
```
#4850e9
```
#4850e9 rgb(72,80,233)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#767cef
```
#767cef rgb(118,124,239)
```
#8d92f1
```
#8d92f1 rgb(141,146,241)
```
#a3a7f4
```
#a3a7f4 rgb(163,167,244)
```

Monochromatic Color

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

#5f89ec
```
#5f89ec rgb(95,137,236)
```
#5f7eec
```
#5f7eec rgb(95,126,236)
```
#5f72ec
```
#5f72ec rgb(95,114,236)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#645fec
```
#645fec rgb(100,95,236)
```
#705fec
```
#705fec rgb(112,95,236)
```
#7b5fec
```
#7b5fec rgb(123,95,236)
```

Similar Colors

Text with hexadecimal color #5f66ec

This text has a font color of #5f66ec.

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

#5f66ec background color

This paragraph has a background color of #5f66ec.

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

#5f66ec border color

This element has a border color of #5f66ec.

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

CSS codes

.text {color:#5f66ec;}

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

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

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

#02020f
```
#02020f rgb(2,2,15)
```
#040521
```
#040521 rgb(4,5,33)
```
#060832
```
#060832 rgb(6,8,50)
```
#080b44
```
#080b44 rgb(8,11,68)
```
#0a0e55
```
#0a0e55 rgb(10,14,85)
```
#0c1167
```
#0c1167 rgb(12,17,103)
```
#0e1479
```
#0e1479 rgb(14,20,121)
```
#10168a
```
#10168a rgb(16,22,138)
```
#12199c
```
#12199c rgb(18,25,156)
```
#151cad
```
#151cad rgb(21,28,173)
```
#171fbf
```
#171fbf rgb(23,31,191)
```
#1922d0
```
#1922d0 rgb(25,34,208)
```
#1b25e2
```
#1b25e2 rgb(27,37,226)
```

Shade Color Variation

#2a34e6
```
#2a34e6 rgb(42,52,230)
```
#3c44e8
```
#3c44e8 rgb(60,68,232)
```
#4d55ea
```
#4d55ea rgb(77,85,234)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#7177ee
```
#7177ee rgb(113,119,238)
```
#8288f0
```
#8288f0 rgb(130,136,240)
```
#9498f2
```
#9498f2 rgb(148,152,242)
```
#a5a9f4
```
#a5a9f4 rgb(165,169,244)
```
#b7baf6
```
#b7baf6 rgb(183,186,246)
```
#c8cbf8
```
#c8cbf8 rgb(200,203,248)
```
#dadbfb
```
#dadbfb rgb(218,219,251)
```
#ebecfd
```
#ebecfd rgb(235,236,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a4a4a7
```
#a4a4a7 rgb(164,164,167)
```
#9d9eae
```
#9d9eae rgb(157,158,174)
```
#9698b5
```
#9698b5 rgb(150,152,181)
```
#8f91bc
```
#8f91bc rgb(143,145,188)
```
#888bc3
```
#888bc3 rgb(136,139,195)
```
#8185ca
```
#8185ca rgb(129,133,202)
```
#7b7fd0
```
#7b7fd0 rgb(123,127,208)
```
#7479d7
```
#7479d7 rgb(116,121,215)
```
#6d72de
```
#6d72de rgb(109,114,222)
```
#666ce5
```
#666ce5 rgb(102,108,229)
```
#5f66ec
```
#5f66ec rgb(95,102,236)
```
#5860f3
```
#5860f3 rgb(88,96,243)
```
#515afa
```
#515afa rgb(81,90,250)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6f708b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#298891 Tritanopia 0.001% of the population

Trichromacy

#2272ec Protanomaly 1% of men, 0.01% of women
#2276da Deuteranomaly 6% of men, 0.4% of women
#3d7bb2 Tritanomaly 0.01% of the population

#5f66ec hex color

#5f66ec Color Information

#5f66ec Color Conversion

Color Schemes with #5f66ec

Alternatives to #5f66ec

#5f66ec Preview

Shades and Tints of #5f66ec

Tones of #5f66ec

Color Blindness Simulator