#5d6ff4 hex color

In a RGB color space, hex #5d6ff4 is composed of 36.5% red, 43.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 54.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 232.8 degrees, a saturation of 87.3% and a lightness of 66.1%. #5d6ff4 color hex could be obtained by blending #badeff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 44
- B 96
RGB color chart
- C 62
- M 55
- Y 0
- K 4
CMYK color chart

● #5d6ff4 color description : Soft blue.

The hexadecimal color #5d6ff4 has RGB values of R:93, G:111, B:244 and CMYK values of C:0.62, M:0.55, Y:0, K:0.04. Its decimal value is 6123508.

Hex triplet	5d6ff4	`#5d6ff4`
RGB Decimal	93, 111, 244	`rgb(93,111,244)`
RGB Percent	36.5, 43.5, 95.7	`rgb(36.5%,43.5%,95.7%)`
CMYK	62, 55, 0, 4
HSL	232.8°, 87.3, 66.1	`hsl(232.8,87.3%,66.1%)`
HSV (or HSB)	232.8°, 61.9, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.092, 33.242, -68.959
XYZ	26.524, 20.226, 88.089
xyY	0.197, 0.15, 20.226
CIE-LCH	52.092, 76.553, 295.737
CIE-LUV	52.092, -13.057, -109.688
Hunter-Lab	44.974, 26.571, -84.649
Binary	01011101, 01101111, 11110100

#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#f4e25d
```
#f4e25d rgb(244,226,93)
```

Complementary Color

#5dbbf4
```
#5dbbf4 rgb(93,187,244)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#975df4
```
#975df4 rgb(151,93,244)
```

Analogous Color

#bbf45d
```
#bbf45d rgb(187,244,93)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#f4975d
```
#f4975d rgb(244,151,93)
```

Split Complementary Color

#6ff45d
```
#6ff45d rgb(111,244,93)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#f45d6f
```
#f45d6f rgb(244,93,111)
```

Triadic Color

#5df4e2
```
#5df4e2 rgb(93,244,226)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#f45d6f
```
#f45d6f rgb(244,93,111)
```
#f4e25d
```
#f4e25d rgb(244,226,93)
```

Tetradic Color

#152fef
```
#152fef rgb(21,47,239)
```
#2d45f1
```
#2d45f1 rgb(45,69,241)
```
#455af2
```
#455af2 rgb(69,90,242)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#7584f6
```
#7584f6 rgb(117,132,246)
```
#8d99f7
```
#8d99f7 rgb(141,153,247)
```
#a5aff9
```
#a5aff9 rgb(165,175,249)
```

Monochromatic Color

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

#5d95f4
```
#5d95f4 rgb(93,149,244)
```
#5d88f4
```
#5d88f4 rgb(93,136,244)
```
#5d7cf4
```
#5d7cf4 rgb(93,124,244)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#5d62f4
```
#5d62f4 rgb(93,98,244)
```
#645df4
```
#645df4 rgb(100,93,244)
```
#715df4
```
#715df4 rgb(113,93,244)
```

Similar Colors

Text with hexadecimal color #5d6ff4

This text has a font color of #5d6ff4.

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

#5d6ff4 background color

This paragraph has a background color of #5d6ff4.

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

#5d6ff4 border color

This element has a border color of #5d6ff4.

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

CSS codes

.text {color:#5d6ff4;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010416
```
#010416 rgb(1,4,22)
```
#030728
```
#030728 rgb(3,7,40)
```
#040a3a
```
#040a3a rgb(4,10,58)
```
#050e4d
```
#050e4d rgb(5,14,77)
```
#06115f
```
#06115f rgb(6,17,95)
```
#081472
```
#081472 rgb(8,20,114)
```
#091884
```
#091884 rgb(9,24,132)
```
#0a1b96
```
#0a1b96 rgb(10,27,150)
```
#0b1ea9
```
#0b1ea9 rgb(11,30,169)
```
#0d21bb
```
#0d21bb rgb(13,33,187)
```
#0e25cd
```
#0e25cd rgb(14,37,205)
```
#0f28e0
```
#0f28e0 rgb(15,40,224)
```

Shade Color Variation

#142eef
```
#142eef rgb(20,46,239)
```
#263ef0
```
#263ef0 rgb(38,62,240)
```
#384ef2
```
#384ef2 rgb(56,78,242)
```
#4b5ff3
```
#4b5ff3 rgb(75,95,243)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#6f7ff5
```
#6f7ff5 rgb(111,127,245)
```
#8290f6
```
#8290f6 rgb(130,144,246)
```
#94a0f8
```
#94a0f8 rgb(148,160,248)
```
#a6b0f9
```
#a6b0f9 rgb(166,176,249)
```
#b9c1fa
```
#b9c1fa rgb(185,193,250)
```
#cbd1fb
```
#cbd1fb rgb(203,209,251)
```
#dee1fd
```
#dee1fd rgb(222,225,253)
```
#f0f2fe
```
#f0f2fe rgb(240,242,254)
```

Tint Color Variation

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

#a6a7ab
```
#a6a7ab rgb(166,167,171)
```
#a0a2b1
```
#a0a2b1 rgb(160,162,177)
```
#999db8
```
#999db8 rgb(153,157,184)
```
#9298bf
```
#9298bf rgb(146,152,191)
```
#8c92c5
```
#8c92c5 rgb(140,146,197)
```
#858dcc
```
#858dcc rgb(133,141,204)
```
#7e88d3
```
#7e88d3 rgb(126,136,211)
```
#7883d9
```
#7883d9 rgb(120,131,217)
```
#717ee0
```
#717ee0 rgb(113,126,224)
```
#6a79e7
```
#6a79e7 rgb(106,121,231)
```
#6474ed
```
#6474ed rgb(100,116,237)
```
#5d6ff4
```
#5d6ff4 rgb(93,111,244)
```
#566afb
```
#566afb rgb(86,106,251)
```

Tone Color Variation

Below, you can see how #5d6ff4 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
#737792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef9 Protanopia 1% of men
#0085db Deuteranopia 1% of men
#168f9a Tritanopia 0.001% of the population

Trichromacy

#2179f7 Protanomaly 1% of men, 0.01% of women
#217de4 Deuteranomaly 6% of men, 0.4% of women
#3083ba Tritanomaly 0.01% of the population

#5d6ff4 hex color

#5d6ff4 Color Information

#5d6ff4 Color Conversion

Color Schemes with #5d6ff4

Alternatives to #5d6ff4

#5d6ff4 Preview

Shades and Tints of #5d6ff4

Tones of #5d6ff4

Color Blindness Simulator