#5a5afd hex color

In a RGB color space, hex #5a5afd is composed of 35.3% red, 35.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 64.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 240 degrees, a saturation of 97.6% and a lightness of 67.3%. #5a5afd color hex could be obtained by blending #b4b4ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 35
- B 99
RGB color chart
- C 64
- M 64
- Y 0
- K 1
CMYK color chart

● #5a5afd color description : Soft blue.

The hexadecimal color #5a5afd has RGB values of R:90, G:90, B:253 and CMYK values of C:0.64, M:0.64, Y:0, K:0.01. Its decimal value is 5921533.

Hex triplet	5a5afd	`#5a5afd`
RGB Decimal	90, 90, 253	`rgb(90,90,253)`
RGB Percent	35.3, 35.3, 99.2	`rgb(35.3%,35.3%,99.2%)`
CMYK	64, 64, 0, 1
HSL	240°, 97.6, 67.3	`hsl(240,97.6%,67.3%)`
HSV (or HSB)	240°, 64.4, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.722, 48.233, -81.093
XYZ	25.599, 16.577, 94.774
xyY	0.187, 0.121, 16.577
CIE-LCH	47.722, 94.353, 300.743
CIE-LUV	47.722, -9.01, -124.849
Hunter-Lab	40.714, 40.98, -109.514
Binary	01011010, 01011010, 11111101

#5a5afd
```
#5a5afd rgb(90,90,253)
```
#fdfd5a
```
#fdfd5a rgb(253,253,90)
```

Complementary Color

#5aacfd
```
#5aacfd rgb(90,172,253)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```
#ac5afd
```
#ac5afd rgb(172,90,253)
```

Analogous Color

#acfd5a
```
#acfd5a rgb(172,253,90)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```
#fdac5a
```
#fdac5a rgb(253,172,90)
```

Split Complementary Color

#5afd5a
```
#5afd5a rgb(90,253,90)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```
#fd5a5a
```
#fd5a5a rgb(253,90,90)
```

Triadic Color

#5afdfd
```
#5afdfd rgb(90,253,253)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```
#fd5a5a
```
#fd5a5a rgb(253,90,90)
```
#fdfd5a
```
#fdfd5a rgb(253,253,90)
```

Tetradic Color

#0e0efc
```
#0e0efc rgb(14,14,252)
```
#2828fc
```
#2828fc rgb(40,40,252)
```
#4141fd
```
#4141fd rgb(65,65,253)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```
#7373fd
```
#7373fd rgb(115,115,253)
```
#8c8cfe
```
#8c8cfe rgb(140,140,254)
```
#a6a6fe
```
#a6a6fe rgb(166,166,254)
```

Monochromatic Color

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

#5a83fd
```
#5a83fd rgb(90,131,253)
```
#5a75fd
```
#5a75fd rgb(90,117,253)
```
#5a68fd
```
#5a68fd rgb(90,104,253)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```
#685afd
```
#685afd rgb(104,90,253)
```
#755afd
```
#755afd rgb(117,90,253)
```
#835afd
```
#835afd rgb(131,90,253)
```

Similar Colors

Text with hexadecimal color #5a5afd

This text has a font color of #5a5afd.

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

#5a5afd background color

This paragraph has a background color of #5a5afd.

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

#5a5afd border color

This element has a border color of #5a5afd.

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

CSS codes

.text {color:#5a5afd;}

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

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

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

#000009
```
#000009 rgb(0,0,9)
```
#00001d
```
#00001d rgb(0,0,29)
```
#010130
```
#010130 rgb(1,1,48)
```
#010144
```
#010144 rgb(1,1,68)
```
#010157
```
#010157 rgb(1,1,87)
```
#01016a
```
#01016a rgb(1,1,106)
```
#02027e
```
#02027e rgb(2,2,126)
```
#020291
```
#020291 rgb(2,2,145)
```
#0202a4
```
#0202a4 rgb(2,2,164)
```
#0202b8
```
#0202b8 rgb(2,2,184)
```
#0202cb
```
#0202cb rgb(2,2,203)
```
#0303df
```
#0303df rgb(3,3,223)
```
#0303f2
```
#0303f2 rgb(3,3,242)
```

Shade Color Variation

#0c0cfc
```
#0c0cfc rgb(12,12,252)
```
#2020fc
```
#2020fc rgb(32,32,252)
```
#3333fd
```
#3333fd rgb(51,51,253)
```
#4747fd
```
#4747fd rgb(71,71,253)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```
#6d6dfd
```
#6d6dfd rgb(109,109,253)
```
#8181fd
```
#8181fd rgb(129,129,253)
```
#9494fe
```
#9494fe rgb(148,148,254)
```
#a8a8fe
```
#a8a8fe rgb(168,168,254)
```
#bbbbfe
```
#bbbbfe rgb(187,187,254)
```
#cecefe
```
#cecefe rgb(206,206,254)
```
#e2e2ff
```
#e2e2ff rgb(226,226,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#a7a7b0
```
#a7a7b0 rgb(167,167,176)
```
#a1a1b6
```
#a1a1b6 rgb(161,161,182)
```
#9a9abd
```
#9a9abd rgb(154,154,189)
```
#9494c3
```
#9494c3 rgb(148,148,195)
```
#8d8dca
```
#8d8dca rgb(141,141,202)
```
#8787d0
```
#8787d0 rgb(135,135,208)
```
#8181d6
```
#8181d6 rgb(129,129,214)
```
#7a7add
```
#7a7add rgb(122,122,221)
```
#7474e3
```
#7474e3 rgb(116,116,227)
```
#6d6dea
```
#6d6dea rgb(109,109,234)
```
#6767f0
```
#6767f0 rgb(103,103,240)
```
#6060f7
```
#6060f7 rgb(96,96,247)
```
#5a5afd
```
#5a5afd rgb(90,90,253)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#69698a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#206bed Protanomaly 1% of men, 0.01% of women
#206fda Deuteranomaly 6% of men, 0.4% of women
#2074b5 Tritanomaly 0.01% of the population

#5a5afd hex color

#5a5afd Color Information

#5a5afd Color Conversion

Color Schemes with #5a5afd

Alternatives to #5a5afd

#5a5afd Preview

Shades and Tints of #5a5afd

Tones of #5a5afd

Color Blindness Simulator