#5a61dd hex color

In a RGB color space, hex #5a61dd is composed of 35.3% red, 38% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 56.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 236.8 degrees, a saturation of 65.8% and a lightness of 61%. #5a61dd color hex could be obtained by blending #b4c2ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 38
- B 87
RGB color chart
- C 59
- M 56
- Y 0
- K 13
CMYK color chart

● #5a61dd color description : Soft blue.

The hexadecimal color #5a61dd has RGB values of R:90, G:97, B:221 and CMYK values of C:0.59, M:0.56, Y:0, K:0.13. Its decimal value is 5923293.

Hex triplet	5a61dd	`#5a61dd`
RGB Decimal	90, 97, 221	`rgb(90,97,221)`
RGB Percent	35.3, 38, 86.7	`rgb(35.3%,38%,86.7%)`
CMYK	59, 56, 0, 13
HSL	236.8°, 65.8, 61	`hsl(236.8,65.8%,61%)`
HSV (or HSB)	236.8°, 59.3, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.899, 33.722, -64.45
XYZ	21.54, 15.943, 70.345
xyY	0.2, 0.148, 15.943
CIE-LCH	46.899, 72.74, 297.62
CIE-LUV	46.899, -9.26, -100.087
Hunter-Lab	39.928, 26.42, -76.507
Binary	01011010, 01100001, 11011101

#5a61dd
```
#5a61dd rgb(90,97,221)
```
#ddd65a
```
#ddd65a rgb(221,214,90)
```

Complementary Color

#5aa3dd
```
#5aa3dd rgb(90,163,221)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#955add
```
#955add rgb(149,90,221)
```

Analogous Color

#a3dd5a
```
#a3dd5a rgb(163,221,90)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#dd955a
```
#dd955a rgb(221,149,90)
```

Split Complementary Color

#61dd5a
```
#61dd5a rgb(97,221,90)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#dd5a61
```
#dd5a61 rgb(221,90,97)
```

Triadic Color

#5addd6
```
#5addd6 rgb(90,221,214)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#dd5a61
```
#dd5a61 rgb(221,90,97)
```
#ddd65a
```
#ddd65a rgb(221,214,90)
```

Tetradic Color

#2830c2
```
#2830c2 rgb(40,48,194)
```
#3039d4
```
#3039d4 rgb(48,57,212)
```
#454dd9
```
#454dd9 rgb(69,77,217)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#6f75e1
```
#6f75e1 rgb(111,117,225)
```
#8489e6
```
#8489e6 rgb(132,137,230)
```
#999eea
```
#999eea rgb(153,158,234)
```

Monochromatic Color

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

#5a82dd
```
#5a82dd rgb(90,130,221)
```
#5a77dd
```
#5a77dd rgb(90,119,221)
```
#5a6cdd
```
#5a6cdd rgb(90,108,221)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#5e5add
```
#5e5add rgb(94,90,221)
```
#695add
```
#695add rgb(105,90,221)
```
#745add
```
#745add rgb(116,90,221)
```

Similar Colors

Text with hexadecimal color #5a61dd

This text has a font color of #5a61dd.

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

#5a61dd background color

This paragraph has a background color of #5a61dd.

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

#5a61dd border color

This element has a border color of #5a61dd.

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

CSS codes

.text {color:#5a61dd;}

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

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

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, #03030e is the darkest color, while #fdfdff is the lightest one.

#03030e
```
#03030e rgb(3,3,14)
```
#06071e
```
#06071e rgb(6,7,30)
```
#0a0c2e
```
#0a0c2e rgb(10,12,46)
```
#0d103f
```
#0d103f rgb(13,16,63)
```
#10144f
```
#10144f rgb(16,20,79)
```
#14185f
```
#14185f rgb(20,24,95)
```
#171c6f
```
#171c6f rgb(23,28,111)
```
#1a2080
```
#1a2080 rgb(26,32,128)
```
#1e2490
```
#1e2490 rgb(30,36,144)
```
#2128a0
```
#2128a0 rgb(33,40,160)
```
#242cb1
```
#242cb1 rgb(36,44,177)
```
#2830c1
```
#2830c1 rgb(40,48,193)
```
#2b34d1
```
#2b34d1 rgb(43,52,209)
```

Shade Color Variation

#3942d6
```
#3942d6 rgb(57,66,214)
```
#4a51da
```
#4a51da rgb(74,81,218)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#6a71e0
```
#6a71e0 rgb(106,113,224)
```
#7b80e4
```
#7b80e4 rgb(123,128,228)
```
#8b90e7
```
#8b90e7 rgb(139,144,231)
```
#9b9fea
```
#9b9fea rgb(155,159,234)
```
#abafee
```
#abafee rgb(171,175,238)
```
#bcbef1
```
#bcbef1 rgb(188,190,241)
```
#cccef4
```
#cccef4 rgb(204,206,244)
```
#dcdef8
```
#dcdef8 rgb(220,222,248)
```
#ecedfb
```
#ecedfb rgb(236,237,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9798a0 is the less saturated color, while #3b46fc is the most saturated one.

#9798a0
```
#9798a0 rgb(151,152,160)
```
#9091a7
```
#9091a7 rgb(144,145,167)
```
#888aaf
```
#888aaf rgb(136,138,175)
```
#8083b7
```
#8083b7 rgb(128,131,183)
```
#797cbe
```
#797cbe rgb(121,124,190)
```
#7176c6
```
#7176c6 rgb(113,118,198)
```
#696fce
```
#696fce rgb(105,111,206)
```
#6268d5
```
#6268d5 rgb(98,104,213)
```
#5a61dd
```
#5a61dd rgb(90,97,221)
```
#525ae5
```
#525ae5 rgb(82,90,229)
```
#4b53ec
```
#4b53ec rgb(75,83,236)
```
#434cf4
```
#434cf4 rgb(67,76,244)
```
#3b46fc
```
#3b46fc rgb(59,70,252)
```

Tone Color Variation

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

Dichromacy

#0072e1 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#2d818a Tritanopia 0.001% of the population

Trichromacy

#206cdf Protanomaly 1% of men, 0.01% of women
#2070ce Deuteranomaly 6% of men, 0.4% of women
#3d75a8 Tritanomaly 0.01% of the population

#5a61dd hex color

#5a61dd Color Information

#5a61dd Color Conversion

Color Schemes with #5a61dd

Alternatives to #5a61dd

#5a61dd Preview

Shades and Tints of #5a61dd

Tones of #5a61dd

Color Blindness Simulator