#5662fc hex color

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

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

● #5662fc color description : Soft blue.

The hexadecimal color #5662fc has RGB values of R:86, G:98, B:252 and CMYK values of C:0.66, M:0.61, Y:0, K:0.01. Its decimal value is 5661436.

Hex triplet	5662fc	`#5662fc`
RGB Decimal	86, 98, 252	`rgb(86,98,252)`
RGB Percent	33.7, 38.4, 98.8	`rgb(33.7%,38.4%,98.8%)`
CMYK	66, 61, 0, 1
HSL	235.7°, 96.5, 66.3	`hsl(235.7,96.5%,66.3%)`
HSV (or HSB)	235.7°, 65.9, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.18, 42.677, -78.164
XYZ	25.773, 17.741, 94.156
xyY	0.187, 0.129, 17.741
CIE-LCH	49.18, 89.056, 298.635
CIE-LUV	49.18, -11.732, -121.694
Hunter-Lab	42.12, 35.513, -103.056
Binary	01010110, 01100010, 11111100

#5662fc
```
#5662fc rgb(86,98,252)
```
#fcf056
```
#fcf056 rgb(252,240,86)
```

Complementary Color

#56b5fc
```
#56b5fc rgb(86,181,252)
```
#5662fc
```
#5662fc rgb(86,98,252)
```
#9d56fc
```
#9d56fc rgb(157,86,252)
```

Analogous Color

#b5fc56
```
#b5fc56 rgb(181,252,86)
```
#5662fc
```
#5662fc rgb(86,98,252)
```
#fc9d56
```
#fc9d56 rgb(252,157,86)
```

Split Complementary Color

#62fc56
```
#62fc56 rgb(98,252,86)
```
#5662fc
```
#5662fc rgb(86,98,252)
```
#fc5662
```
#fc5662 rgb(252,86,98)
```

Triadic Color

#56fcf0
```
#56fcf0 rgb(86,252,240)
```
#5662fc
```
#5662fc rgb(86,98,252)
```
#fc5662
```
#fc5662 rgb(252,86,98)
```
#fcf056
```
#fcf056 rgb(252,240,86)
```

Tetradic Color

#0b1cfb
```
#0b1cfb rgb(11,28,251)
```
#2433fb
```
#2433fb rgb(36,51,251)
```
#3d4bfc
```
#3d4bfc rgb(61,75,252)
```
#5662fc
```
#5662fc rgb(86,98,252)
```
#6f79fc
```
#6f79fc rgb(111,121,252)
```
#8891fd
```
#8891fd rgb(136,145,253)
```
#a1a8fd
```
#a1a8fd rgb(161,168,253)
```

Monochromatic Color

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

#568cfc
```
#568cfc rgb(86,140,252)
```
#567efc
```
#567efc rgb(86,126,252)
```
#5670fc
```
#5670fc rgb(86,112,252)
```
#5662fc
```
#5662fc rgb(86,98,252)
```
#5856fc
```
#5856fc rgb(88,86,252)
```
#6656fc
```
#6656fc rgb(102,86,252)
```
#7456fc
```
#7456fc rgb(116,86,252)
```

Similar Colors

Text with hexadecimal color #5662fc

This text has a font color of #5662fc.

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

#5662fc background color

This paragraph has a background color of #5662fc.

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

#5662fc border color

This element has a border color of #5662fc.

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

CSS codes

.text {color:#5662fc;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000218
```
#000218 rgb(0,2,24)
```
#01042b
```
#01042b rgb(1,4,43)
```
#01063e
```
#01063e rgb(1,6,62)
```
#010752
```
#010752 rgb(1,7,82)
```
#020965
```
#020965 rgb(2,9,101)
```
#020b78
```
#020b78 rgb(2,11,120)
```
#020c8b
```
#020c8b rgb(2,12,139)
```
#030e9f
```
#030e9f rgb(3,14,159)
```
#0310b2
```
#0310b2 rgb(3,16,178)
```
#0412c5
```
#0412c5 rgb(4,18,197)
```
#0413d8
```
#0413d8 rgb(4,19,216)
```
#0415ec
```
#0415ec rgb(4,21,236)
```

Shade Color Variation

#091afb
```
#091afb rgb(9,26,251)
```
#1c2cfb
```
#1c2cfb rgb(28,44,251)
```
#2f3efb
```
#2f3efb rgb(47,62,251)
```
#4350fc
```
#4350fc rgb(67,80,252)
```
#5662fc
```
#5662fc rgb(86,98,252)
```
#6974fc
```
#6974fc rgb(105,116,252)
```
#7d86fd
```
#7d86fd rgb(125,134,253)
```
#9098fd
```
#9098fd rgb(144,152,253)
```
#a3aafd
```
#a3aafd rgb(163,170,253)
```
#b6bcfe
```
#b6bcfe rgb(182,188,254)
```
#cacdfe
```
#cacdfe rgb(202,205,254)
```
#dddffe
```
#dddffe rgb(221,223,254)
```
#f0f1ff
```
#f0f1ff rgb(240,241,255)
```

Tint Color Variation

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

#a5a6ad
```
#a5a6ad rgb(165,166,173)
```
#9fa0b3
```
#9fa0b3 rgb(159,160,179)
```
#989bba
```
#989bba rgb(152,155,186)
```
#9295c0
```
#9295c0 rgb(146,149,192)
```
#8b8fc7
```
#8b8fc7 rgb(139,143,199)
```
#848ace
```
#848ace rgb(132,138,206)
```
#7e84d4
```
#7e84d4 rgb(126,132,212)
```
#777edb
```
#777edb rgb(119,126,219)
```
#7079e2
```
#7079e2 rgb(112,121,226)
```
#6a73e8
```
#6a73e8 rgb(106,115,232)
```
#636def
```
#636def rgb(99,109,239)
```
#5d68f5
```
#5d68f5 rgb(93,104,245)
```
#5662fc
```
#5662fc rgb(86,98,252)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b6d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fcd Deuteranopia 1% of men
#008891 Tritanopia 0.001% of the population

Trichromacy

#1f70f1 Protanomaly 1% of men, 0.01% of women
#1f74de Deuteranomaly 6% of men, 0.4% of women
#1f7ab7 Tritanomaly 0.01% of the population

#5662fc hex color

#5662fc Color Information

#5662fc Color Conversion

Color Schemes with #5662fc

Alternatives to #5662fc

#5662fc Preview

Shades and Tints of #5662fc

Tones of #5662fc

Color Blindness Simulator