#5885f6 hex color

In a RGB color space, hex #5885f6 is composed of 34.5% red, 52.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 45.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.9 degrees, a saturation of 89.8% and a lightness of 65.5%. #5885f6 color hex could be obtained by blending #b0ffff with #000bed. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 52
- B 96
RGB color chart
- C 64
- M 46
- Y 0
- K 4
CMYK color chart

● #5885f6 color description : Soft blue.

The hexadecimal color #5885f6 has RGB values of R:88, G:133, B:246 and CMYK values of C:0.64, M:0.46, Y:0, K:0.04. Its decimal value is 5801462.

Hex triplet	5885f6	`#5885f6`
RGB Decimal	88, 133, 246	`rgb(88,133,246)`
RGB Percent	34.5, 52.2, 96.5	`rgb(34.5%,52.2%,96.5%)`
CMYK	64, 46, 0, 4
HSL	222.9°, 89.8, 65.5	`hsl(222.9,89.8%,65.5%)`
HSV (or HSB)	222.9°, 64.2, 96.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.561, 19.7, -61.267
XYZ	29.043, 25.502, 90.576
xyY	0.2, 0.176, 25.502
CIE-LCH	57.561, 64.356, 287.825
CIE-LUV	57.561, -20.82, -99.105
Hunter-Lab	50.499, 14.285, -70.993
Binary	01011000, 10000101, 11110110

#5885f6
```
#5885f6 rgb(88,133,246)
```
#f6c958
```
#f6c958 rgb(246,201,88)
```

Complementary Color

#58d4f6
```
#58d4f6 rgb(88,212,246)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#7a58f6
```
#7a58f6 rgb(122,88,246)
```

Analogous Color

#d4f658
```
#d4f658 rgb(212,246,88)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#f67a58
```
#f67a58 rgb(246,122,88)
```

Split Complementary Color

#85f658
```
#85f658 rgb(133,246,88)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#f65885
```
#f65885 rgb(246,88,133)
```

Triadic Color

#58f6c9
```
#58f6c9 rgb(88,246,201)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#f65885
```
#f65885 rgb(246,88,133)
```
#f6c958
```
#f6c958 rgb(246,201,88)
```

Tetradic Color

#0f50f2
```
#0f50f2 rgb(15,80,242)
```
#2862f3
```
#2862f3 rgb(40,98,243)
```
#4073f5
```
#4073f5 rgb(64,115,245)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#7097f7
```
#7097f7 rgb(112,151,247)
```
#88a8f9
```
#88a8f9 rgb(136,168,249)
```
#a1bafa
```
#a1bafa rgb(161,186,250)
```

Monochromatic Color

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

#58adf6
```
#58adf6 rgb(88,173,246)
```
#589ff6
```
#589ff6 rgb(88,159,246)
```
#5892f6
```
#5892f6 rgb(88,146,246)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#5878f6
```
#5878f6 rgb(88,120,246)
```
#586bf6
```
#586bf6 rgb(88,107,246)
```
#585ef6
```
#585ef6 rgb(88,94,246)
```

Similar Colors

Text with hexadecimal color #5885f6

This text has a font color of #5885f6.

<span style="color:#5885f6;">Text here</span>

#5885f6 background color

This paragraph has a background color of #5885f6.

<p style="background-color:#5885f6;">Content here</p>

#5885f6 border color

This element has a border color of #5885f6.

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

CSS codes

.text {color:#5885f6;}

.background {background-color:#5885f6;}

.border {border:1px solid #5885f6;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010613
```
#010613 rgb(1,6,19)
```
#020c26
```
#020c26 rgb(2,12,38)
```
#031238
```
#031238 rgb(3,18,56)
```
#04184b
```
#04184b rgb(4,24,75)
```
#051e5e
```
#051e5e rgb(5,30,94)
```
#062470
```
#062470 rgb(6,36,112)
```
#072a83
```
#072a83 rgb(7,42,131)
```
#083095
```
#083095 rgb(8,48,149)
```
#0936a8
```
#0936a8 rgb(9,54,168)
```
#0a3cbb
```
#0a3cbb rgb(10,60,187)
```
#0b42cd
```
#0b42cd rgb(11,66,205)
```
#0c48e0
```
#0c48e0 rgb(12,72,224)
```

Shade Color Variation

#0e4ff2
```
#0e4ff2 rgb(14,79,242)
```
#205cf3
```
#205cf3 rgb(32,92,243)
```
#336af4
```
#336af4 rgb(51,106,244)
```
#4577f5
```
#4577f5 rgb(69,119,245)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#6b93f7
```
#6b93f7 rgb(107,147,247)
```
#7da0f8
```
#7da0f8 rgb(125,160,248)
```
#90aef9
```
#90aef9 rgb(144,174,249)
```
#a2bbfa
```
#a2bbfa rgb(162,187,250)
```
#b5c9fb
```
#b5c9fb rgb(181,201,251)
```
#c8d7fc
```
#c8d7fc rgb(200,215,252)
```
#dae4fd
```
#dae4fd rgb(218,228,253)
```
#edf2fe
```
#edf2fe rgb(237,242,254)
```

Tint Color Variation

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

#a2a5ac
```
#a2a5ac rgb(162,165,172)
```
#9ca2b2
```
#9ca2b2 rgb(156,162,178)
```
#959fb9
```
#959fb9 rgb(149,159,185)
```
#8e9cc0
```
#8e9cc0 rgb(142,156,192)
```
#8799c7
```
#8799c7 rgb(135,153,199)
```
#8196cd
```
#8196cd rgb(129,150,205)
```
#7a94d4
```
#7a94d4 rgb(122,148,212)
```
#7391db
```
#7391db rgb(115,145,219)
```
#6c8ee2
```
#6c8ee2 rgb(108,142,226)
```
#668be8
```
#668be8 rgb(102,139,232)
```
#5f88ef
```
#5f88ef rgb(95,136,239)
```
#5885f6
```
#5885f6 rgb(88,133,246)
```
#5182fd
```
#5182fd rgb(81,130,253)
```

Tone Color Variation

Below, you can see how #5885f6 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

#848484 Achromatopsia 0.005% of the population
#7b849b Atypical Achromatopsia 0.001% of the population

Dichromacy

#568cf7 Protanopia 1% of men
#1f92f3 Deuteranopia 1% of men
#129ea9 Tritanopia 0.001% of the population

Trichromacy

#5689f7 Protanomaly 1% of men, 0.01% of women
#338df4 Deuteranomaly 6% of men, 0.4% of women
#2b95c5 Tritanomaly 0.01% of the population

#5885f6 hex color

#5885f6 Color Information

#5885f6 Color Conversion

Color Schemes with #5885f6

Alternatives to #5885f6

#5885f6 Preview

Shades and Tints of #5885f6

Tones of #5885f6

Color Blindness Simulator