#5d6ff2 hex color

In a RGB color space, hex #5d6ff2 is composed of 36.5% red, 43.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 54.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 232.8 degrees, a saturation of 85.1% and a lightness of 65.7%. #5d6ff2 color hex could be obtained by blending #badeff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 44
- B 95
RGB color chart
- C 62
- M 54
- Y 0
- K 5
CMYK color chart

● #5d6ff2 color description : Soft blue.

The hexadecimal color #5d6ff2 has RGB values of R:93, G:111, B:242 and CMYK values of C:0.62, M:0.54, Y:0, K:0.05. Its decimal value is 6123506.

Hex triplet	5d6ff2	`#5d6ff2`
RGB Decimal	93, 111, 242	`rgb(93,111,242)`
RGB Percent	36.5, 43.5, 94.9	`rgb(36.5%,43.5%,94.9%)`
CMYK	62, 54, 0, 5
HSL	232.8°, 85.1, 65.7	`hsl(232.8,85.1%,65.7%)`
HSV (or HSB)	232.8°, 61.6, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.956, 32.583, -68.065
XYZ	26.222, 20.106, 86.498
xyY	0.197, 0.151, 20.106
CIE-LCH	51.956, 75.461, 295.581
CIE-LUV	51.956, -12.998, -108.226
Hunter-Lab	44.839, 25.92, -82.988
Binary	01011101, 01101111, 11110010

#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#f2e05d
```
#f2e05d rgb(242,224,93)
```

Complementary Color

#5dbaf2
```
#5dbaf2 rgb(93,186,242)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#965df2
```
#965df2 rgb(150,93,242)
```

Analogous Color

#baf25d
```
#baf25d rgb(186,242,93)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#f2965d
```
#f2965d rgb(242,150,93)
```

Split Complementary Color

#6ff25d
```
#6ff25d rgb(111,242,93)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#f25d6f
```
#f25d6f rgb(242,93,111)
```

Triadic Color

#5df2e0
```
#5df2e0 rgb(93,242,224)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#f25d6f
```
#f25d6f rgb(242,93,111)
```
#f2e05d
```
#f2e05d rgb(242,224,93)
```

Tetradic Color

#1630ec
```
#1630ec rgb(22,48,236)
```
#2e45ee
```
#2e45ee rgb(46,69,238)
```
#455af0
```
#455af0 rgb(69,90,240)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#7584f4
```
#7584f4 rgb(117,132,244)
```
#8c99f6
```
#8c99f6 rgb(140,153,246)
```
#a4aef8
```
#a4aef8 rgb(164,174,248)
```

Monochromatic Color

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

#5d94f2
```
#5d94f2 rgb(93,148,242)
```
#5d88f2
```
#5d88f2 rgb(93,136,242)
```
#5d7bf2
```
#5d7bf2 rgb(93,123,242)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#5d63f2
```
#5d63f2 rgb(93,99,242)
```
#645df2
```
#645df2 rgb(100,93,242)
```
#705df2
```
#705df2 rgb(112,93,242)
```

Similar Colors

Text with hexadecimal color #5d6ff2

This text has a font color of #5d6ff2.

<span style="color:#5d6ff2;">Text here</span>

#5d6ff2 background color

This paragraph has a background color of #5d6ff2.

<p style="background-color:#5d6ff2;">Content here</p>

#5d6ff2 border color

This element has a border color of #5d6ff2.

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

CSS codes

.text {color:#5d6ff2;}

.background {background-color:#5d6ff2;}

.border {border:1px solid #5d6ff2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#020414
```
#020414 rgb(2,4,20)
```
#030726
```
#030726 rgb(3,7,38)
```
#040b38
```
#040b38 rgb(4,11,56)
```
#060e4a
```
#060e4a rgb(6,14,74)
```
#07125c
```
#07125c rgb(7,18,92)
```
#09156e
```
#09156e rgb(9,21,110)
```
#0a1981
```
#0a1981 rgb(10,25,129)
```
#0c1c93
```
#0c1c93 rgb(12,28,147)
```
#0d20a5
```
#0d20a5 rgb(13,32,165)
```
#0f23b7
```
#0f23b7 rgb(15,35,183)
```
#1026c9
```
#1026c9 rgb(16,38,201)
```
#122adb
```
#122adb rgb(18,42,219)
```

Shade Color Variation

#142eec
```
#142eec rgb(20,46,236)
```
#273fee
```
#273fee rgb(39,63,238)
```
#394fef
```
#394fef rgb(57,79,239)
```
#4b5ff1
```
#4b5ff1 rgb(75,95,241)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#6f7ff3
```
#6f7ff3 rgb(111,127,243)
```
#818ff5
```
#818ff5 rgb(129,143,245)
```
#939ff6
```
#939ff6 rgb(147,159,246)
```
#a6b0f8
```
#a6b0f8 rgb(166,176,248)
```
#b8c0f9
```
#b8c0f9 rgb(184,192,249)
```
#cad0fb
```
#cad0fb rgb(202,208,251)
```
#dce0fc
```
#dce0fc rgb(220,224,252)
```
#eef0fe
```
#eef0fe rgb(238,240,254)
```

Tint Color Variation

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

#a7a7a8
```
#a7a7a8 rgb(167,167,168)
```
#a0a2af
```
#a0a2af rgb(160,162,175)
```
#9a9db5
```
#9a9db5 rgb(154,157,181)
```
#9398bc
```
#9398bc rgb(147,152,188)
```
#8c93c3
```
#8c93c3 rgb(140,147,195)
```
#858eca
```
#858eca rgb(133,142,202)
```
#7f89d0
```
#7f89d0 rgb(127,137,208)
```
#7883d7
```
#7883d7 rgb(120,131,215)
```
#717ede
```
#717ede rgb(113,126,222)
```
#6a79e5
```
#6a79e5 rgb(106,121,229)
```
#6474eb
```
#6474eb rgb(100,116,235)
```
#5d6ff2
```
#5d6ff2 rgb(93,111,242)
```
#566af9
```
#566af9 rgb(86,106,249)
```

Tone Color Variation

Below, you can see how #5d6ff2 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

#797979 Achromatopsia 0.005% of the population
#737791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085db Deuteranopia 1% of men
#1c8f99 Tritanopia 0.001% of the population

Trichromacy

#2178f6 Protanomaly 1% of men, 0.01% of women
#217de3 Deuteranomaly 6% of men, 0.4% of women
#3483b9 Tritanomaly 0.01% of the population

#5d6ff2 hex color

#5d6ff2 Color Information

#5d6ff2 Color Conversion

Color Schemes with #5d6ff2

Alternatives to #5d6ff2

#5d6ff2 Preview

Shades and Tints of #5d6ff2

Tones of #5d6ff2

Color Blindness Simulator