colorhexa.com

#5a55f7 hex color

In a RGB color space, hex #5a55f7 is composed of 35.3% red, 33.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 65.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 241.9 degrees, a saturation of 91% and a lightness of 65.1%. #5a55f7 color hex could be obtained by blending #b4aaff with #0000ef. Closest websafe color is: #6666ff.

- R 35
- G 33
- B 97
RGB color chart
- C 64
- M 66
- Y 0
- K 3
CMYK color chart

● #5a55f7 color description : Soft blue.

The hexadecimal color #5a55f7 has RGB values of R:90, G:85, B:247 and CMYK values of C:0.64, M:0.66, Y:0, K:0.03. Its decimal value is 5920247.

Hex triplet	5a55f7	`#5a55f7`
RGB Decimal	90, 85, 247	`rgb(90,85,247)`
RGB Percent	35.3, 33.3, 96.9	`rgb(35.3%,33.3%,96.9%)`
CMYK	64, 66, 0, 3
HSL	241.9°, 91, 65.1	`hsl(241.9,91%,65.1%)`
HSV (or HSB)	241.9°, 65.6, 96.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.157, 49.206, -80.309
XYZ	24.25, 15.385, 89.682
xyY	0.188, 0.119, 15.385
CIE-LCH	46.157, 94.184, 301.496
CIE-LUV	46.157, -7.65, -122.485
Hunter-Lab	39.224, 41.717, -108.106
Binary	01011010, 01010101, 11110111

#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#f2f755
```
#f2f755 rgb(242,247,85)
```

Complementary Color

#55a1f7
```
#55a1f7 rgb(85,161,247)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#ab55f7
```
#ab55f7 rgb(171,85,247)
```

Analogous Color

#a1f755
```
#a1f755 rgb(161,247,85)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#f7ab55
```
#f7ab55 rgb(247,171,85)
```

Split Complementary Color

#55f75a
```
#55f75a rgb(85,247,90)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#f75a55
```
#f75a55 rgb(247,90,85)
```

Triadic Color

#55f2f7
```
#55f2f7 rgb(85,242,247)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#f75a55
```
#f75a55 rgb(247,90,85)
```
#f2f755
```
#f2f755 rgb(242,247,85)
```

Tetradic Color

#130cf4
```
#130cf4 rgb(19,12,244)
```
#2b24f5
```
#2b24f5 rgb(43,36,245)
```
#423df6
```
#423df6 rgb(66,61,246)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#726df8
```
#726df8 rgb(114,109,248)
```
#8986f9
```
#8986f9 rgb(137,134,249)
```
#a19efa
```
#a19efa rgb(161,158,250)
```

Monochromatic Color

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

#5579f7
```
#5579f7 rgb(85,121,247)
```
#556bf7
```
#556bf7 rgb(85,107,247)
```
#555ef7
```
#555ef7 rgb(85,94,247)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#6855f7
```
#6855f7 rgb(104,85,247)
```
#7555f7
```
#7555f7 rgb(117,85,247)
```
#8355f7
```
#8355f7 rgb(131,85,247)
```

Similar Colors

Text with hexadecimal color #5a55f7

This text has a font color of #5a55f7.

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

#5a55f7 background color

This paragraph has a background color of #5a55f7.

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

#5a55f7 border color

This element has a border color of #5a55f7.

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

CSS codes

.text {color:#5a55f7;}

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

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

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

#010111
```
#010111 rgb(1,1,17)
```
#030224
```
#030224 rgb(3,2,36)
```
#040337
```
#040337 rgb(4,3,55)
```
#06034a
```
#06034a rgb(6,3,74)
```
#07045c
```
#07045c rgb(7,4,92)
```
#08056f
```
#08056f rgb(8,5,111)
```
#0a0682
```
#0a0682 rgb(10,6,130)
```
#0b0794
```
#0b0794 rgb(11,7,148)
```
#0d08a7
```
#0d08a7 rgb(13,8,167)
```
#0e09ba
```
#0e09ba rgb(14,9,186)
```
#100acd
```
#100acd rgb(16,10,205)
```
#110bdf
```
#110bdf rgb(17,11,223)
```
#130bf2
```
#130bf2 rgb(19,11,242)
```

Shade Color Variation

#231df4
```
#231df4 rgb(35,29,244)
```
#3630f5
```
#3630f5 rgb(54,48,245)
```
#4842f6
```
#4842f6 rgb(72,66,246)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#6c68f8
```
#6c68f8 rgb(108,104,248)
```
#7e7af9
```
#7e7af9 rgb(126,122,249)
```
#918dfa
```
#918dfa rgb(145,141,250)
```
#a3a0fb
```
#a3a0fb rgb(163,160,251)
```
#b5b3fb
```
#b5b3fb rgb(181,179,251)
```
#c7c5fc
```
#c7c5fc rgb(199,197,252)
```
#d9d8fd
```
#d9d8fd rgb(217,216,253)
```
#ebebfe
```
#ebebfe rgb(235,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a1a0ac
```
#a1a0ac rgb(161,160,172)
```
#9a99b3
```
#9a99b3 rgb(154,153,179)
```
#9493b9
```
#9493b9 rgb(148,147,185)
```
#8d8cc0
```
#8d8cc0 rgb(141,140,192)
```
#8785c7
```
#8785c7 rgb(135,133,199)
```
#817ece
```
#817ece rgb(129,126,206)
```
#7a77d5
```
#7a77d5 rgb(122,119,213)
```
#7470dc
```
#7470dc rgb(116,112,220)
```
#6d6ae2
```
#6d6ae2 rgb(109,106,226)
```
#6763e9
```
#6763e9 rgb(103,99,233)
```
#605cf0
```
#605cf0 rgb(96,92,240)
```
#5a55f7
```
#5a55f7 rgb(90,85,247)
```
#544efe
```
#544efe rgb(84,78,254)
```

Tone Color Variation

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

Dichromacy

#0071dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#2067e6 Protanomaly 1% of men, 0.01% of women
#206bd4 Deuteranomaly 6% of men, 0.4% of women
#2070b0 Tritanomaly 0.01% of the population