#5755fd hex color

In a RGB color space, hex #5755fd is composed of 34.1% red, 33.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 66.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 240.7 degrees, a saturation of 97.7% and a lightness of 66.3%. #5755fd color hex could be obtained by blending #aeaaff with #0000fb. Closest websafe color is: #6666ff.

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

● #5755fd color description : Soft blue.

The hexadecimal color #5755fd has RGB values of R:87, G:85, B:253 and CMYK values of C:0.66, M:0.66, Y:0, K:0.01. Its decimal value is 5723645.

Hex triplet	5755fd	`#5755fd`
RGB Decimal	87, 85, 253	`rgb(87,85,253)`
RGB Percent	34.1, 33.3, 99.2	`rgb(34.1%,33.3%,99.2%)`
CMYK	66, 66, 0, 1
HSL	240.7°, 97.7, 66.3	`hsl(240.7,97.7%,66.3%)`
HSV (or HSB)	240.7°, 66.4, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.464, 50.713, -83.162
XYZ	24.905, 15.614, 94.624
xyY	0.184, 0.116, 15.614
CIE-LCH	46.464, 97.405, 301.375
CIE-LUV	46.464, -8.681, -126.566
Hunter-Lab	39.514, 43.355, -114.321
Binary	01010111, 01010101, 11111101

#5755fd
```
#5755fd rgb(87,85,253)
```
#fbfd55
```
#fbfd55 rgb(251,253,85)
```

Complementary Color

#55a7fd
```
#55a7fd rgb(85,167,253)
```
#5755fd
```
#5755fd rgb(87,85,253)
```
#ab55fd
```
#ab55fd rgb(171,85,253)
```

Analogous Color

#a7fd55
```
#a7fd55 rgb(167,253,85)
```
#5755fd
```
#5755fd rgb(87,85,253)
```
#fdab55
```
#fdab55 rgb(253,171,85)
```

Split Complementary Color

#55fd57
```
#55fd57 rgb(85,253,87)
```
#5755fd
```
#5755fd rgb(87,85,253)
```
#fd5755
```
#fd5755 rgb(253,87,85)
```

Triadic Color

#55fbfd
```
#55fbfd rgb(85,251,253)
```
#5755fd
```
#5755fd rgb(87,85,253)
```
#fd5755
```
#fd5755 rgb(253,87,85)
```
#fbfd55
```
#fbfd55 rgb(251,253,85)
```

Tetradic Color

#0c09fc
```
#0c09fc rgb(12,9,252)
```
#2523fc
```
#2523fc rgb(37,35,252)
```
#3e3cfd
```
#3e3cfd rgb(62,60,253)
```
#5755fd
```
#5755fd rgb(87,85,253)
```
#706efd
```
#706efd rgb(112,110,253)
```
#8987fe
```
#8987fe rgb(137,135,254)
```
#a2a1fe
```
#a2a1fe rgb(162,161,254)
```

Monochromatic Color

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

#557dfd
```
#557dfd rgb(85,125,253)
```
#556ffd
```
#556ffd rgb(85,111,253)
```
#5561fd
```
#5561fd rgb(85,97,253)
```
#5755fd
```
#5755fd rgb(87,85,253)
```
#6555fd
```
#6555fd rgb(101,85,253)
```
#7355fd
```
#7355fd rgb(115,85,253)
```
#8155fd
```
#8155fd rgb(129,85,253)
```

Similar Colors

Text with hexadecimal color #5755fd

This text has a font color of #5755fd.

<span style="color:#5755fd;">Text here</span>

#5755fd background color

This paragraph has a background color of #5755fd.

<p style="background-color:#5755fd;">Content here</p>

#5755fd border color

This element has a border color of #5755fd.

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

CSS codes

.text {color:#5755fd;}

.background {background-color:#5755fd;}

.border {border:1px solid #5755fd;}

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)
```
#010018
```
#010018 rgb(1,0,24)
```
#01012b
```
#01012b rgb(1,1,43)
```
#01013f
```
#01013f rgb(1,1,63)
```
#020152
```
#020152 rgb(2,1,82)
```
#020165
```
#020165 rgb(2,1,101)
```
#030179
```
#030179 rgb(3,1,121)
```
#03028c
```
#03028c rgb(3,2,140)
```
#0402a0
```
#0402a0 rgb(4,2,160)
```
#0402b3
```
#0402b3 rgb(4,2,179)
```
#0502c6
```
#0502c6 rgb(5,2,198)
```
#0503da
```
#0503da rgb(5,3,218)
```
#0603ed
```
#0603ed rgb(6,3,237)
```

Shade Color Variation

#0a07fc
```
#0a07fc rgb(10,7,252)
```
#1e1bfc
```
#1e1bfc rgb(30,27,252)
```
#312efd
```
#312efd rgb(49,46,253)
```
#4442fd
```
#4442fd rgb(68,66,253)
```
#5755fd
```
#5755fd rgb(87,85,253)
```
#6a68fd
```
#6a68fd rgb(106,104,253)
```
#7d7cfd
```
#7d7cfd rgb(125,124,253)
```
#908ffe
```
#908ffe rgb(144,143,254)
```
#a4a3fe
```
#a4a3fe rgb(164,163,254)
```
#b7b6fe
```
#b7b6fe rgb(183,182,254)
```
#cac9fe
```
#cac9fe rgb(202,201,254)
```
#ddddff
```
#ddddff rgb(221,221,255)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#a4a4ae
```
#a4a4ae rgb(164,164,174)
```
#9e9eb4
```
#9e9eb4 rgb(158,158,180)
```
#9897bb
```
#9897bb rgb(152,151,187)
```
#9191c1
```
#9191c1 rgb(145,145,193)
```
#8b8ac8
```
#8b8ac8 rgb(139,138,200)
```
#8483cf
```
#8483cf rgb(132,131,207)
```
#7e7dd5
```
#7e7dd5 rgb(126,125,213)
```
#7776dc
```
#7776dc rgb(119,118,220)
```
#716fe3
```
#716fe3 rgb(113,111,227)
```
#6a69e9
```
#6a69e9 rgb(106,105,233)
```
#6462f0
```
#6462f0 rgb(100,98,240)
```
#5d5cf6
```
#5d5cf6 rgb(93,92,246)
```
#5755fd
```
#5755fd rgb(87,85,253)
```

Tone Color Variation

Below, you can see how #5755fd 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

#696969 Achromatopsia 0.005% of the population
#656587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1f67e9 Protanomaly 1% of men, 0.01% of women
#1f6bd7 Deuteranomaly 6% of men, 0.4% of women
#1f71b3 Tritanomaly 0.01% of the population

#5755fd hex color

#5755fd Color Information

#5755fd Color Conversion

Color Schemes with #5755fd

Alternatives to #5755fd

#5755fd Preview

Shades and Tints of #5755fd

Tones of #5755fd

Color Blindness Simulator