#5855f2 hex color

In a RGB color space, hex #5855f2 is composed of 34.5% red, 33.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 64.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 241.1 degrees, a saturation of 85.8% and a lightness of 64.1%. #5855f2 color hex could be obtained by blending #b0aaff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 33
- B 95
RGB color chart
- C 64
- M 65
- Y 0
- K 5
CMYK color chart

● #5855f2 color description : Soft blue.

The hexadecimal color #5855f2 has RGB values of R:88, G:85, B:242 and CMYK values of C:0.64, M:0.65, Y:0, K:0.05. Its decimal value is 5789170.

Hex triplet	5855f2	`#5855f2`
RGB Decimal	88, 85, 242	`rgb(88,85,242)`
RGB Percent	34.5, 33.3, 94.9	`rgb(34.5%,33.3%,94.9%)`
CMYK	64, 65, 0, 5
HSL	241.1°, 85.8, 64.1	`hsl(241.1,85.8%,64.1%)`
HSV (or HSB)	241.1°, 64.9, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.609, 47.358, -78.411
XYZ	23.297, 14.981, 85.664
xyY	0.188, 0.121, 14.981
CIE-LCH	45.609, 91.602, 301.131
CIE-LUV	45.609, -7.894, -119.38
Hunter-Lab	38.706, 39.703, -104.126
Binary	01011000, 01010101, 11110010

#5855f2
```
#5855f2 rgb(88,85,242)
```
#eff255
```
#eff255 rgb(239,242,85)
```

Complementary Color

#55a1f2
```
#55a1f2 rgb(85,161,242)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#a755f2
```
#a755f2 rgb(167,85,242)
```

Analogous Color

#a1f255
```
#a1f255 rgb(161,242,85)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#f2a755
```
#f2a755 rgb(242,167,85)
```

Split Complementary Color

#55f258
```
#55f258 rgb(85,242,88)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#f25855
```
#f25855 rgb(242,88,85)
```

Triadic Color

#55eff2
```
#55eff2 rgb(85,239,242)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#f25855
```
#f25855 rgb(242,88,85)
```
#eff255
```
#eff255 rgb(239,242,85)
```

Tetradic Color

#1612e9
```
#1612e9 rgb(22,18,233)
```
#2926ee
```
#2926ee rgb(41,38,238)
```
#413df0
```
#413df0 rgb(65,61,240)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#6f6df4
```
#6f6df4 rgb(111,109,244)
```
#8784f6
```
#8784f6 rgb(135,132,246)
```
#9e9cf7
```
#9e9cf7 rgb(158,156,247)
```

Monochromatic Color

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

#5579f2
```
#5579f2 rgb(85,121,242)
```
#556cf2
```
#556cf2 rgb(85,108,242)
```
#555ff2
```
#555ff2 rgb(85,95,242)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#6555f2
```
#6555f2 rgb(101,85,242)
```
#7255f2
```
#7255f2 rgb(114,85,242)
```
#7f55f2
```
#7f55f2 rgb(127,85,242)
```

Similar Colors

Text with hexadecimal color #5855f2

This text has a font color of #5855f2.

<span style="color:#5855f2;">Text here</span>

#5855f2 background color

This paragraph has a background color of #5855f2.

<p style="background-color:#5855f2;">Content here</p>

#5855f2 border color

This element has a border color of #5855f2.

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

CSS codes

.text {color:#5855f2;}

.background {background-color:#5855f2;}

.border {border:1px solid #5855f2;}

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, #01010c is the darkest color, while #f9f9ff is the lightest one.

#01010c
```
#01010c rgb(1,1,12)
```
#03021e
```
#03021e rgb(3,2,30)
```
#050431
```
#050431 rgb(5,4,49)
```
#060543
```
#060543 rgb(6,5,67)
```
#080755
```
#080755 rgb(8,7,85)
```
#0a0867
```
#0a0867 rgb(10,8,103)
```
#0b097a
```
#0b097a rgb(11,9,122)
```
#0d0b8c
```
#0d0b8c rgb(13,11,140)
```
#0f0c9e
```
#0f0c9e rgb(15,12,158)
```
#110db0
```
#110db0 rgb(17,13,176)
```
#120fc2
```
#120fc2 rgb(18,15,194)
```
#1410d5
```
#1410d5 rgb(20,16,213)
```
#1612e7
```
#1612e7 rgb(22,18,231)
```

Shade Color Variation

#221eee
```
#221eee rgb(34,30,238)
```
#3431ef
```
#3431ef rgb(52,49,239)
```
#4643f1
```
#4643f1 rgb(70,67,241)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#6a67f3
```
#6a67f3 rgb(106,103,243)
```
#7c79f5
```
#7c79f5 rgb(124,121,245)
```
#8e8cf6
```
#8e8cf6 rgb(142,140,246)
```
#a09ef8
```
#a09ef8 rgb(160,158,248)
```
#b2b0f9
```
#b2b0f9 rgb(178,176,249)
```
#c3c2fa
```
#c3c2fa rgb(195,194,250)
```
#d5d5fc
```
#d5d5fc rgb(213,213,252)
```
#e7e7fd
```
#e7e7fd rgb(231,231,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#a2a2a5
```
#a2a2a5 rgb(162,162,165)
```
#9c9bac
```
#9c9bac rgb(156,155,172)
```
#9594b3
```
#9594b3 rgb(149,148,179)
```
#8e8dba
```
#8e8dba rgb(142,141,186)
```
#8786c1
```
#8786c1 rgb(135,134,193)
```
#817fc8
```
#817fc8 rgb(129,127,200)
```
#7a78cf
```
#7a78cf rgb(122,120,207)
```
#7371d6
```
#7371d6 rgb(115,113,214)
```
#6c6add
```
#6c6add rgb(108,106,221)
```
#6663e4
```
#6663e4 rgb(102,99,228)
```
#5f5ceb
```
#5f5ceb rgb(95,92,235)
```
#5855f2
```
#5855f2 rgb(88,85,242)
```
#514ef9
```
#514ef9 rgb(81,78,249)
```

Tone Color Variation

Below, you can see how #5855f2 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

#686868 Achromatopsia 0.005% of the population
#656484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#2066e3 Protanomaly 1% of men, 0.01% of women
#206ad1 Deuteranomaly 6% of men, 0.4% of women
#206fae Tritanomaly 0.01% of the population

#5855f2 hex color

#5855f2 Color Information

#5855f2 Color Conversion

Color Schemes with #5855f2

Alternatives to #5855f2

#5855f2 Preview

Shades and Tints of #5855f2

Tones of #5855f2

Color Blindness Simulator