#585bf6 hex color

In a RGB color space, hex #585bf6 is composed of 34.5% red, 35.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 63% magenta, 0% yellow and 3.5% black. It has a hue angle of 238.9 degrees, a saturation of 89.8% and a lightness of 65.5%. #585bf6 color hex could be obtained by blending #b0b6ff with #0000ed. Closest websafe color is: #6666ff.

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

● #585bf6 color description : Soft blue.

The hexadecimal color #585bf6 has RGB values of R:88, G:91, B:246 and CMYK values of C:0.64, M:0.63, Y:0, K:0.04. Its decimal value is 5790710.

Hex triplet	585bf6	`#585bf6`
RGB Decimal	88, 91, 246	`rgb(88,91,246)`
RGB Percent	34.5, 35.7, 96.5	`rgb(34.5%,35.7%,96.5%)`
CMYK	64, 63, 0, 4
HSL	238.9°, 89.8, 65.5	`hsl(238.9,89.8%,65.5%)`
HSV (or HSB)	238.9°, 64.2, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.248, 45.141, -77.97
XYZ	24.397, 16.209, 89.027
xyY	0.188, 0.125, 16.209
CIE-LCH	47.248, 90.094, 300.069
CIE-LUV	47.248, -9.4, -120.056
Hunter-Lab	40.261, 37.708, -102.922
Binary	01011000, 01011011, 11110110

#585bf6
```
#585bf6 rgb(88,91,246)
```
#f6f358
```
#f6f358 rgb(246,243,88)
```

Complementary Color

#58aaf6
```
#58aaf6 rgb(88,170,246)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#a458f6
```
#a458f6 rgb(164,88,246)
```

Analogous Color

#aaf658
```
#aaf658 rgb(170,246,88)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#f6a458
```
#f6a458 rgb(246,164,88)
```

Split Complementary Color

#5bf658
```
#5bf658 rgb(91,246,88)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#f6585b
```
#f6585b rgb(246,88,91)
```

Triadic Color

#58f6f3
```
#58f6f3 rgb(88,246,243)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#f6585b
```
#f6585b rgb(246,88,91)
```
#f6f358
```
#f6f358 rgb(246,243,88)
```

Tetradic Color

#0f14f2
```
#0f14f2 rgb(15,20,242)
```
#282bf3
```
#282bf3 rgb(40,43,243)
```
#4043f5
```
#4043f5 rgb(64,67,245)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#7073f7
```
#7073f7 rgb(112,115,247)
```
#888bf9
```
#888bf9 rgb(136,139,249)
```
#a1a2fa
```
#a1a2fa rgb(161,162,250)
```

Monochromatic Color

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

#5883f6
```
#5883f6 rgb(88,131,246)
```
#5875f6
```
#5875f6 rgb(88,117,246)
```
#5868f6
```
#5868f6 rgb(88,104,246)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#6258f6
```
#6258f6 rgb(98,88,246)
```
#6f58f6
```
#6f58f6 rgb(111,88,246)
```
#7d58f6
```
#7d58f6 rgb(125,88,246)
```

Similar Colors

Text with hexadecimal color #585bf6

This text has a font color of #585bf6.

<span style="color:#585bf6;">Text here</span>

#585bf6 background color

This paragraph has a background color of #585bf6.

<p style="background-color:#585bf6;">Content here</p>

#585bf6 border color

This element has a border color of #585bf6.

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

CSS codes

.text {color:#585bf6;}

.background {background-color:#585bf6;}

.border {border:1px solid #585bf6;}

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 #ededfe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010113
```
#010113 rgb(1,1,19)
```
#020326
```
#020326 rgb(2,3,38)
```
#030438
```
#030438 rgb(3,4,56)
```
#04054b
```
#04054b rgb(4,5,75)
```
#05075e
```
#05075e rgb(5,7,94)
```
#060870
```
#060870 rgb(6,8,112)
```
#070983
```
#070983 rgb(7,9,131)
```
#080b95
```
#080b95 rgb(8,11,149)
```
#090ca8
```
#090ca8 rgb(9,12,168)
```
#0a0dbb
```
#0a0dbb rgb(10,13,187)
```
#0b0fcd
```
#0b0fcd rgb(11,15,205)
```
#0c10e0
```
#0c10e0 rgb(12,16,224)
```

Shade Color Variation

#0e12f2
```
#0e12f2 rgb(14,18,242)
```
#2024f3
```
#2024f3 rgb(32,36,243)
```
#3336f4
```
#3336f4 rgb(51,54,244)
```
#4549f5
```
#4549f5 rgb(69,73,245)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#6b6df7
```
#6b6df7 rgb(107,109,247)
```
#7d80f8
```
#7d80f8 rgb(125,128,248)
```
#9092f9
```
#9092f9 rgb(144,146,249)
```
#a2a4fa
```
#a2a4fa rgb(162,164,250)
```
#b5b6fb
```
#b5b6fb rgb(181,182,251)
```
#c8c9fc
```
#c8c9fc rgb(200,201,252)
```
#dadbfd
```
#dadbfd rgb(218,219,253)
```
#ededfe
```
#ededfe rgb(237,237,254)
```

Tint Color Variation

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

#a2a3ac
```
#a2a3ac rgb(162,163,172)
```
#9c9cb2
```
#9c9cb2 rgb(156,156,178)
```
#9596b9
```
#9596b9 rgb(149,150,185)
```
#8e8fc0
```
#8e8fc0 rgb(142,143,192)
```
#8789c7
```
#8789c7 rgb(135,137,199)
```
#8182cd
```
#8182cd rgb(129,130,205)
```
#7a7cd4
```
#7a7cd4 rgb(122,124,212)
```
#7375db
```
#7375db rgb(115,117,219)
```
#6c6fe2
```
#6c6fe2 rgb(108,111,226)
```
#6668e8
```
#6668e8 rgb(102,104,232)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#585bf6
```
#585bf6 rgb(88,91,246)
```
#5154fd
```
#5154fd rgb(81,84,253)
```

Tone Color Variation

Below, you can see how #585bf6 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
#686988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#206ae9 Protanomaly 1% of men, 0.01% of women
#206ed7 Deuteranomaly 6% of men, 0.4% of women
#2074b2 Tritanomaly 0.01% of the population

#585bf6 hex color

#585bf6 Color Information

#585bf6 Color Conversion

Color Schemes with #585bf6

Alternatives to #585bf6

#585bf6 Preview

Shades and Tints of #585bf6

Tones of #585bf6

Color Blindness Simulator