#5a61ff hex color

In a RGB color space, hex #5a61ff is composed of 35.3% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 237.5 degrees, a saturation of 100% and a lightness of 67.6%. #5a61ff color hex could be obtained by blending #b4c2ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 38
- B 100
RGB color chart
- C 65
- M 62
- Y 0
- K 0
CMYK color chart

● #5a61ff color description : Light blue.

The hexadecimal color #5a61ff has RGB values of R:90, G:97, B:255 and CMYK values of C:0.65, M:0.62, Y:0, K:0. Its decimal value is 5923327.

Hex triplet	5a61ff	`#5a61ff`
RGB Decimal	90, 97, 255	`rgb(90,97,255)`
RGB Percent	35.3, 38, 100	`rgb(35.3%,38%,100%)`
CMYK	65, 62, 0, 0
HSL	237.5°, 100, 67.6	`hsl(237.5,100%,67.6%)`
HSV (or HSB)	237.5°, 64.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.425, 44.791, -79.42
XYZ	26.538, 17.942, 96.667
xyY	0.188, 0.127, 17.942
CIE-LCH	49.425, 91.179, 299.422
CIE-LUV	49.425, -10.661, -123.766
Hunter-Lab	42.358, 37.706, -105.659
Binary	01011010, 01100001, 11111111

#5a61ff
```
#5a61ff rgb(90,97,255)
```
#fff85a
```
#fff85a rgb(255,248,90)
```

Complementary Color

#5ab4ff
```
#5ab4ff rgb(90,180,255)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#a65aff
```
#a65aff rgb(166,90,255)
```

Analogous Color

#b4ff5a
```
#b4ff5a rgb(180,255,90)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#ffa65a
```
#ffa65a rgb(255,166,90)
```

Split Complementary Color

#61ff5a
```
#61ff5a rgb(97,255,90)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#ff5a61
```
#ff5a61 rgb(255,90,97)
```

Triadic Color

#5afff8
```
#5afff8 rgb(90,255,248)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#ff5a61
```
#ff5a61 rgb(255,90,97)
```
#fff85a
```
#fff85a rgb(255,248,90)
```

Tetradic Color

#0e18ff
```
#0e18ff rgb(14,24,255)
```
#2730ff
```
#2730ff rgb(39,48,255)
```
#4149ff
```
#4149ff rgb(65,73,255)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#7479ff
```
#7479ff rgb(116,121,255)
```
#8d92ff
```
#8d92ff rgb(141,146,255)
```
#a7aaff
```
#a7aaff rgb(167,170,255)
```

Monochromatic Color

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

#5a8aff
```
#5a8aff rgb(90,138,255)
```
#5a7dff
```
#5a7dff rgb(90,125,255)
```
#5a6fff
```
#5a6fff rgb(90,111,255)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#615aff
```
#615aff rgb(97,90,255)
```
#6f5aff
```
#6f5aff rgb(111,90,255)
```
#7c5aff
```
#7c5aff rgb(124,90,255)
```

Similar Colors

Text with hexadecimal color #5a61ff

This text has a font color of #5a61ff.

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

#5a61ff background color

This paragraph has a background color of #5a61ff.

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

#5a61ff border color

This element has a border color of #5a61ff.

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

CSS codes

.text {color:#5a61ff;}

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

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

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, #00000c is the darkest color, while #f7f7ff is the lightest one.

#00000c
```
#00000c rgb(0,0,12)
```
#00011f
```
#00011f rgb(0,1,31)
```
#000233
```
#000233 rgb(0,2,51)
```
#000346
```
#000346 rgb(0,3,70)
```
#00045a
```
#00045a rgb(0,4,90)
```
#00056e
```
#00056e rgb(0,5,110)
```
#000581
```
#000581 rgb(0,5,129)
```
#000695
```
#000695 rgb(0,6,149)
```
#0007a8
```
#0007a8 rgb(0,7,168)
```
#0008bc
```
#0008bc rgb(0,8,188)
```
#0009d0
```
#0009d0 rgb(0,9,208)
```
#000ae3
```
#000ae3 rgb(0,10,227)
```
#000af7
```
#000af7 rgb(0,10,247)
```

Shade Color Variation

#0c16ff
```
#0c16ff rgb(12,22,255)
```
#1f29ff
```
#1f29ff rgb(31,41,255)
```
#333bff
```
#333bff rgb(51,59,255)
```
#464eff
```
#464eff rgb(70,78,255)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```
#6e74ff
```
#6e74ff rgb(110,116,255)
```
#8187ff
```
#8187ff rgb(129,135,255)
```
#9599ff
```
#9599ff rgb(149,153,255)
```
#a8acff
```
#a8acff rgb(168,172,255)
```
#bcbfff
```
#bcbfff rgb(188,191,255)
```
#d0d2ff
```
#d0d2ff rgb(208,210,255)
```
#e3e4ff
```
#e3e4ff rgb(227,228,255)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

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

#a6a7b3
```
#a6a7b3 rgb(166,167,179)
```
#a0a1b9
```
#a0a1b9 rgb(160,161,185)
```
#999bc0
```
#999bc0 rgb(153,155,192)
```
#9395c6
```
#9395c6 rgb(147,149,198)
```
#8d8fcc
```
#8d8fcc rgb(141,143,204)
```
#868ad3
```
#868ad3 rgb(134,138,211)
```
#8084d9
```
#8084d9 rgb(128,132,217)
```
#7a7edf
```
#7a7edf rgb(122,126,223)
```
#7378e6
```
#7378e6 rgb(115,120,230)
```
#6d72ec
```
#6d72ec rgb(109,114,236)
```
#676df2
```
#676df2 rgb(103,109,242)
```
#6067f9
```
#6067f9 rgb(96,103,249)
```
#5a61ff
```
#5a61ff rgb(90,97,255)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6c6e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fce Deuteranopia 1% of men
#008891 Tritanopia 0.001% of the population

Trichromacy

#2070f3 Protanomaly 1% of men, 0.01% of women
#2074e0 Deuteranomaly 6% of men, 0.4% of women
#207ab9 Tritanomaly 0.01% of the population

#5a61ff hex color

#5a61ff Color Information

#5a61ff Color Conversion

Color Schemes with #5a61ff

Alternatives to #5a61ff

#5a61ff Preview

Shades and Tints of #5a61ff

Tones of #5a61ff

Color Blindness Simulator