#5d71f4 hex color

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

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

● #5d71f4 color description : Soft blue.

The hexadecimal color #5d71f4 has RGB values of R:93, G:113, B:244 and CMYK values of C:0.62, M:0.54, Y:0, K:0.04. Its decimal value is 6124020.

Hex triplet	5d71f4	`#5d71f4`
RGB Decimal	93, 113, 244	`rgb(93,113,244)`
RGB Percent	36.5, 44.3, 95.7	`rgb(36.5%,44.3%,95.7%)`
CMYK	62, 54, 0, 4
HSL	232.1°, 87.3, 66.1	`hsl(232.1,87.3%,66.1%)`
HSV (or HSB)	232.1°, 61.9, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.584, 32.026, -68.163
XYZ	26.745, 20.668, 88.163
xyY	0.197, 0.152, 20.668
CIE-LCH	52.584, 75.312, 295.166
CIE-LUV	52.584, -13.61, -108.667
Hunter-Lab	45.462, 25.454, -83.157
Binary	01011101, 01110001, 11110100

#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#f4e05d
```
#f4e05d rgb(244,224,93)
```

Complementary Color

#5dbdf4
```
#5dbdf4 rgb(93,189,244)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#955df4
```
#955df4 rgb(149,93,244)
```

Analogous Color

#bdf45d
```
#bdf45d rgb(189,244,93)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#f4955d
```
#f4955d rgb(244,149,93)
```

Split Complementary Color

#71f45d
```
#71f45d rgb(113,244,93)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#f45d71
```
#f45d71 rgb(244,93,113)
```

Triadic Color

#5df4e0
```
#5df4e0 rgb(93,244,224)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#f45d71
```
#f45d71 rgb(244,93,113)
```
#f4e05d
```
#f4e05d rgb(244,224,93)
```

Tetradic Color

#1532ef
```
#1532ef rgb(21,50,239)
```
#2d47f1
```
#2d47f1 rgb(45,71,241)
```
#455cf2
```
#455cf2 rgb(69,92,242)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#7586f6
```
#7586f6 rgb(117,134,246)
```
#8d9bf7
```
#8d9bf7 rgb(141,155,247)
```
#a5b0f9
```
#a5b0f9 rgb(165,176,249)
```

Monochromatic Color

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

#5d97f4
```
#5d97f4 rgb(93,151,244)
```
#5d8af4
```
#5d8af4 rgb(93,138,244)
```
#5d7ef4
```
#5d7ef4 rgb(93,126,244)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#5d64f4
```
#5d64f4 rgb(93,100,244)
```
#625df4
```
#625df4 rgb(98,93,244)
```
#6f5df4
```
#6f5df4 rgb(111,93,244)
```

Similar Colors

Text with hexadecimal color #5d71f4

This text has a font color of #5d71f4.

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

#5d71f4 background color

This paragraph has a background color of #5d71f4.

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

#5d71f4 border color

This element has a border color of #5d71f4.

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

CSS codes

.text {color:#5d71f4;}

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

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

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)
```
#030828
```
#030828 rgb(3,8,40)
```
#040b3a
```
#040b3a rgb(4,11,58)
```
#050f4d
```
#050f4d rgb(5,15,77)
```
#06125f
```
#06125f rgb(6,18,95)
```
#081672
```
#081672 rgb(8,22,114)
```
#091984
```
#091984 rgb(9,25,132)
```
#0a1d96
```
#0a1d96 rgb(10,29,150)
```
#0b20a9
```
#0b20a9 rgb(11,32,169)
```
#0d24bb
```
#0d24bb rgb(13,36,187)
```
#0e27cd
```
#0e27cd rgb(14,39,205)
```
#0f2be0
```
#0f2be0 rgb(15,43,224)
```

Shade Color Variation

#1431ef
```
#1431ef rgb(20,49,239)
```
#2641f0
```
#2641f0 rgb(38,65,240)
```
#3851f2
```
#3851f2 rgb(56,81,242)
```
#4b61f3
```
#4b61f3 rgb(75,97,243)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#6f81f5
```
#6f81f5 rgb(111,129,245)
```
#8291f6
```
#8291f6 rgb(130,145,246)
```
#94a1f8
```
#94a1f8 rgb(148,161,248)
```
#a6b1f9
```
#a6b1f9 rgb(166,177,249)
```
#b9c2fa
```
#b9c2fa rgb(185,194,250)
```
#cbd2fb
```
#cbd2fb rgb(203,210,251)
```
#dee2fd
```
#dee2fd rgb(222,226,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 #566cfb 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)
```
#8c93c5
```
#8c93c5 rgb(140,147,197)
```
#858ecc
```
#858ecc rgb(133,142,204)
```
#7e89d3
```
#7e89d3 rgb(126,137,211)
```
#7885d9
```
#7885d9 rgb(120,133,217)
```
#7180e0
```
#7180e0 rgb(113,128,224)
```
#6a7be7
```
#6a7be7 rgb(106,123,231)
```
#6476ed
```
#6476ed rgb(100,118,237)
```
#5d71f4
```
#5d71f4 rgb(93,113,244)
```
#566cfb
```
#566cfb rgb(86,108,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#747892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#0086dd Deuteranopia 1% of men
#19909b Tritanopia 0.001% of the population

Trichromacy

#217af8 Protanomaly 1% of men, 0.01% of women
#217ee5 Deuteranomaly 6% of men, 0.4% of women
#3285bb Tritanomaly 0.01% of the population

#5d71f4 hex color

#5d71f4 Color Information

#5d71f4 Color Conversion

Color Schemes with #5d71f4

Alternatives to #5d71f4

#5d71f4 Preview

Shades and Tints of #5d71f4

Tones of #5d71f4

Color Blindness Simulator