#5f5ce4 hex color

In a RGB color space, hex #5f5ce4 is composed of 37.3% red, 36.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 59.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 241.3 degrees, a saturation of 71.6% and a lightness of 62.7%. #5f5ce4 color hex could be obtained by blending #beb8ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 36
- B 89
RGB color chart
- C 58
- M 60
- Y 0
- K 11
CMYK color chart

● #5f5ce4 color description : Soft blue.

The hexadecimal color #5f5ce4 has RGB values of R:95, G:92, B:228 and CMYK values of C:0.58, M:0.6, Y:0, K:0.11. Its decimal value is 6249700.

Hex triplet	5f5ce4	`#5f5ce4`
RGB Decimal	95, 92, 228	`rgb(95,92,228)`
RGB Percent	37.3, 36.1, 89.4	`rgb(37.3%,36.1%,89.4%)`
CMYK	58, 60, 0, 11
HSL	241.3°, 71.6, 62.7	`hsl(241.3,71.6%,62.7%)`
HSV (or HSB)	241.3°, 59.6, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.562, 39.856, -68.948
XYZ	22.547, 15.688, 75.234
xyY	0.199, 0.138, 15.688
CIE-LCH	46.562, 79.639, 300.03
CIE-LUV	46.562, -6.859, -106.753
Hunter-Lab	39.608, 32.3, -84.895
Binary	01011111, 01011100, 11100100

#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#e1e45c
```
#e1e45c rgb(225,228,92)
```

Complementary Color

#5c9de4
```
#5c9de4 rgb(92,157,228)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#a35ce4
```
#a35ce4 rgb(163,92,228)
```

Analogous Color

#9de45c
```
#9de45c rgb(157,228,92)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#e4a35c
```
#e4a35c rgb(228,163,92)
```

Split Complementary Color

#5ce45f
```
#5ce45f rgb(92,228,95)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#e45f5c
```
#e45f5c rgb(228,95,92)
```

Triadic Color

#5ce1e4
```
#5ce1e4 rgb(92,225,228)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#e45f5c
```
#e45f5c rgb(228,95,92)
```
#e1e45c
```
#e1e45c rgb(225,228,92)
```

Tetradic Color

#2623d1
```
#2623d1 rgb(38,35,209)
```
#3430dd
```
#3430dd rgb(52,48,221)
```
#4a46e0
```
#4a46e0 rgb(74,70,224)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#7472e8
```
#7472e8 rgb(116,114,232)
```
#8a88eb
```
#8a88eb rgb(138,136,235)
```
#9f9eef
```
#9f9eef rgb(159,158,239)
```

Monochromatic Color

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

#5c7be4
```
#5c7be4 rgb(92,123,228)
```
#5c70e4
```
#5c70e4 rgb(92,112,228)
```
#5c64e4
```
#5c64e4 rgb(92,100,228)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#6a5ce4
```
#6a5ce4 rgb(106,92,228)
```
#765ce4
```
#765ce4 rgb(118,92,228)
```
#815ce4
```
#815ce4 rgb(129,92,228)
```

Similar Colors

Text with hexadecimal color #5f5ce4

This text has a font color of #5f5ce4.

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

#5f5ce4 background color

This paragraph has a background color of #5f5ce4.

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

#5f5ce4 border color

This element has a border color of #5f5ce4.

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

CSS codes

.text {color:#5f5ce4;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#040416
```
#040416 rgb(4,4,22)
```
#070627
```
#070627 rgb(7,6,39)
```
#0a0938
```
#0a0938 rgb(10,9,56)
```
#0d0c49
```
#0d0c49 rgb(13,12,73)
```
#100f59
```
#100f59 rgb(16,15,89)
```
#14126a
```
#14126a rgb(20,18,106)
```
#17147b
```
#17147b rgb(23,20,123)
```
#1a178c
```
#1a178c rgb(26,23,140)
```
#1d1a9d
```
#1d1a9d rgb(29,26,157)
```
#201dae
```
#201dae rgb(32,29,174)
```
#2320be
```
#2320be rgb(35,32,190)
```
#2622cf
```
#2622cf rgb(38,34,207)
```

Shade Color Variation

#2d2adc
```
#2d2adc rgb(45,42,220)
```
#3e3ade
```
#3e3ade rgb(62,58,222)
```
#4e4be1
```
#4e4be1 rgb(78,75,225)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#706de7
```
#706de7 rgb(112,109,231)
```
#807eea
```
#807eea rgb(128,126,234)
```
#918eec
```
#918eec rgb(145,142,236)
```
#a19fef
```
#a19fef rgb(161,159,239)
```
#b2b0f2
```
#b2b0f2 rgb(178,176,242)
```
#c2c1f5
```
#c2c1f5 rgb(194,193,245)
```
#d3d2f8
```
#d3d2f8 rgb(211,210,248)
```
#e3e3fa
```
#e3e3fa rgb(227,227,250)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9ea2 is the less saturated color, while #4a46fa is the most saturated one.

#9e9ea2
```
#9e9ea2 rgb(158,158,162)
```
#9796aa
```
#9796aa rgb(151,150,170)
```
#908fb1
```
#908fb1 rgb(144,143,177)
```
#8988b8
```
#8988b8 rgb(137,136,184)
```
#8281bf
```
#8281bf rgb(130,129,191)
```
#7b79c7
```
#7b79c7 rgb(123,121,199)
```
#7472ce
```
#7472ce rgb(116,114,206)
```
#6d6bd5
```
#6d6bd5 rgb(109,107,213)
```
#6663dd
```
#6663dd rgb(102,99,221)
```
#5f5ce4
```
#5f5ce4 rgb(95,92,228)
```
#5855eb
```
#5855eb rgb(88,85,235)
```
#514df3
```
#514df3 rgb(81,77,243)
```
#4a46fa
```
#4a46fa rgb(74,70,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c4 Deuteranopia 1% of men
#2f7f89 Tritanopia 0.001% of the population

Trichromacy

#226ae1 Protanomaly 1% of men, 0.01% of women
#226ecf Deuteranomaly 6% of men, 0.4% of women
#4072aa Tritanomaly 0.01% of the population

#5f5ce4 hex color

#5f5ce4 Color Information

#5f5ce4 Color Conversion

Color Schemes with #5f5ce4

Alternatives to #5f5ce4

#5f5ce4 Preview

Shades and Tints of #5f5ce4

Tones of #5f5ce4

Color Blindness Simulator