#5658fc hex color

In a RGB color space, hex #5658fc is composed of 33.7% red, 34.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 65.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 239.3 degrees, a saturation of 96.5% and a lightness of 66.3%. #5658fc color hex could be obtained by blending #acb0ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 35
- B 99
RGB color chart
- C 66
- M 65
- Y 0
- K 1
CMYK color chart

● #5658fc color description : Soft blue.

The hexadecimal color #5658fc has RGB values of R:86, G:88, B:252 and CMYK values of C:0.66, M:0.65, Y:0, K:0.01. Its decimal value is 5658876.

Hex triplet	5658fc	`#5658fc`
RGB Decimal	86, 88, 252	`rgb(86,88,252)`
RGB Percent	33.7, 34.5, 98.8	`rgb(33.7%,34.5%,98.8%)`
CMYK	66, 65, 0, 1
HSL	239.3°, 96.5, 66.3	`hsl(239.3,96.5%,66.3%)`
HSV (or HSB)	239.3°, 65.9, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.955, 48.553, -81.803
XYZ	24.895, 15.985, 93.864
xyY	0.185, 0.119, 15.985
CIE-LCH	46.955, 95.127, 300.69
CIE-LUV	46.955, -9.49, -125.118
Hunter-Lab	39.981, 41.178, -111.208
Binary	01010110, 01011000, 11111100

#5658fc
```
#5658fc rgb(86,88,252)
```
#fcfa56
```
#fcfa56 rgb(252,250,86)
```

Complementary Color

#56abfc
```
#56abfc rgb(86,171,252)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#a756fc
```
#a756fc rgb(167,86,252)
```

Analogous Color

#abfc56
```
#abfc56 rgb(171,252,86)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#fca756
```
#fca756 rgb(252,167,86)
```

Split Complementary Color

#58fc56
```
#58fc56 rgb(88,252,86)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#fc5658
```
#fc5658 rgb(252,86,88)
```

Triadic Color

#56fcfa
```
#56fcfa rgb(86,252,250)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#fc5658
```
#fc5658 rgb(252,86,88)
```
#fcfa56
```
#fcfa56 rgb(252,250,86)
```

Tetradic Color

#0b0efb
```
#0b0efb rgb(11,14,251)
```
#2426fb
```
#2426fb rgb(36,38,251)
```
#3d3ffc
```
#3d3ffc rgb(61,63,252)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#6f71fc
```
#6f71fc rgb(111,113,252)
```
#888afd
```
#888afd rgb(136,138,253)
```
#a1a2fd
```
#a1a2fd rgb(161,162,253)
```

Monochromatic Color

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

#5682fc
```
#5682fc rgb(86,130,252)
```
#5674fc
```
#5674fc rgb(86,116,252)
```
#5666fc
```
#5666fc rgb(86,102,252)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#6256fc
```
#6256fc rgb(98,86,252)
```
#7056fc
```
#7056fc rgb(112,86,252)
```
#7e56fc
```
#7e56fc rgb(126,86,252)
```

Similar Colors

Text with hexadecimal color #5658fc

This text has a font color of #5658fc.

<span style="color:#5658fc;">Text here</span>

#5658fc background color

This paragraph has a background color of #5658fc.

<p style="background-color:#5658fc;">Content here</p>

#5658fc border color

This element has a border color of #5658fc.

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

CSS codes

.text {color:#5658fc;}

.background {background-color:#5658fc;}

.border {border:1px solid #5658fc;}

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

#000004
```
#000004 rgb(0,0,4)
```
#000118
```
#000118 rgb(0,1,24)
```
#01012b
```
#01012b rgb(1,1,43)
```
#01023e
```
#01023e rgb(1,2,62)
```
#010252
```
#010252 rgb(1,2,82)
```
#020365
```
#020365 rgb(2,3,101)
```
#020478
```
#020478 rgb(2,4,120)
```
#02048b
```
#02048b rgb(2,4,139)
```
#03059f
```
#03059f rgb(3,5,159)
```
#0305b2
```
#0305b2 rgb(3,5,178)
```
#0406c5
```
#0406c5 rgb(4,6,197)
```
#0406d8
```
#0406d8 rgb(4,6,216)
```
#0407ec
```
#0407ec rgb(4,7,236)
```

Shade Color Variation

#090cfb
```
#090cfb rgb(9,12,251)
```
#1c1ffb
```
#1c1ffb rgb(28,31,251)
```
#2f32fb
```
#2f32fb rgb(47,50,251)
```
#4345fc
```
#4345fc rgb(67,69,252)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#696bfc
```
#696bfc rgb(105,107,252)
```
#7d7efd
```
#7d7efd rgb(125,126,253)
```
#9091fd
```
#9091fd rgb(144,145,253)
```
#a3a4fd
```
#a3a4fd rgb(163,164,253)
```
#b6b7fe
```
#b6b7fe rgb(182,183,254)
```
#cacafe
```
#cacafe rgb(202,202,254)
```
#ddddfe
```
#ddddfe rgb(221,221,254)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#a5a5ad
```
#a5a5ad rgb(165,165,173)
```
#9f9fb3
```
#9f9fb3 rgb(159,159,179)
```
#9899ba
```
#9899ba rgb(152,153,186)
```
#9292c0
```
#9292c0 rgb(146,146,192)
```
#8b8cc7
```
#8b8cc7 rgb(139,140,199)
```
#8485ce
```
#8485ce rgb(132,133,206)
```
#7e7fd4
```
#7e7fd4 rgb(126,127,212)
```
#7778db
```
#7778db rgb(119,120,219)
```
#7072e2
```
#7072e2 rgb(112,114,226)
```
#6a6be8
```
#6a6be8 rgb(106,107,232)
```
#6365ef
```
#6365ef rgb(99,101,239)
```
#5d5ef5
```
#5d5ef5 rgb(93,94,245)
```
#5658fc
```
#5658fc rgb(86,88,252)
```

Tone Color Variation

Below, you can see how #5658fc 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

#6a6a6a Achromatopsia 0.005% of the population
#666687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1f69ea Protanomaly 1% of men, 0.01% of women
#1f6dd8 Deuteranomaly 6% of men, 0.4% of women
#1f73b3 Tritanomaly 0.01% of the population

#5658fc hex color

#5658fc Color Information

#5658fc Color Conversion

Color Schemes with #5658fc

Alternatives to #5658fc

#5658fc Preview

Shades and Tints of #5658fc

Tones of #5658fc

Color Blindness Simulator