#5a5dff hex color

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

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

● #5a5dff color description : Light blue.

The hexadecimal color #5a5dff has RGB values of R:90, G:93, B:255 and CMYK values of C:0.65, M:0.64, Y:0, K:0. Its decimal value is 5922303.

Hex triplet	5a5dff	`#5a5dff`
RGB Decimal	90, 93, 255	`rgb(90,93,255)`
RGB Percent	35.3, 36.5, 100	`rgb(35.3%,36.5%,100%)`
CMYK	65, 64, 0, 0
HSL	238.9°, 100, 67.6	`hsl(238.9,100%,67.6%)`
HSV (or HSB)	238.9°, 64.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.537, 47.133, -80.871
XYZ	26.177, 17.221, 96.547
xyY	0.187, 0.123, 17.221
CIE-LCH	48.537, 93.603, 300.234
CIE-LUV	48.537, -9.757, -125.177
Hunter-Lab	41.498, 39.976, -108.891
Binary	01011010, 01011101, 11111111

#5a5dff
```
#5a5dff rgb(90,93,255)
```
#fffc5a
```
#fffc5a rgb(255,252,90)
```

Complementary Color

#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```
#aa5aff
```
#aa5aff rgb(170,90,255)
```

Analogous Color

#b0ff5a
```
#b0ff5a rgb(176,255,90)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```
#ffaa5a
```
#ffaa5a rgb(255,170,90)
```

Split Complementary Color

#5dff5a
```
#5dff5a rgb(93,255,90)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```
#ff5a5d
```
#ff5a5d rgb(255,90,93)
```

Triadic Color

#5afffc
```
#5afffc rgb(90,255,252)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```
#ff5a5d
```
#ff5a5d rgb(255,90,93)
```
#fffc5a
```
#fffc5a rgb(255,252,90)
```

Tetradic Color

#0e12ff
```
#0e12ff rgb(14,18,255)
```
#272bff
```
#272bff rgb(39,43,255)
```
#4144ff
```
#4144ff rgb(65,68,255)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```
#7476ff
```
#7476ff rgb(116,118,255)
```
#8d8fff
```
#8d8fff rgb(141,143,255)
```
#a7a8ff
```
#a7a8ff rgb(167,168,255)
```

Monochromatic Color

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

#5a86ff
```
#5a86ff rgb(90,134,255)
```
#5a79ff
```
#5a79ff rgb(90,121,255)
```
#5a6bff
```
#5a6bff rgb(90,107,255)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```
#655aff
```
#655aff rgb(101,90,255)
```
#735aff
```
#735aff rgb(115,90,255)
```
#805aff
```
#805aff rgb(128,90,255)
```

Similar Colors

Text with hexadecimal color #5a5dff

This text has a font color of #5a5dff.

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

#5a5dff background color

This paragraph has a background color of #5a5dff.

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

#5a5dff border color

This element has a border color of #5a5dff.

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

CSS codes

.text {color:#5a5dff;}

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

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

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)
```
#000133
```
#000133 rgb(0,1,51)
```
#000146
```
#000146 rgb(0,1,70)
```
#00025a
```
#00025a rgb(0,2,90)
```
#00026e
```
#00026e rgb(0,2,110)
```
#000281
```
#000281 rgb(0,2,129)
```
#000395
```
#000395 rgb(0,3,149)
```
#0003a8
```
#0003a8 rgb(0,3,168)
```
#0003bc
```
#0003bc rgb(0,3,188)
```
#0004d0
```
#0004d0 rgb(0,4,208)
```
#0004e3
```
#0004e3 rgb(0,4,227)
```
#0004f7
```
#0004f7 rgb(0,4,247)
```

Shade Color Variation

#0c10ff
```
#0c10ff rgb(12,16,255)
```
#1f23ff
```
#1f23ff rgb(31,35,255)
```
#3336ff
```
#3336ff rgb(51,54,255)
```
#464aff
```
#464aff rgb(70,74,255)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```
#6e70ff
```
#6e70ff rgb(110,112,255)
```
#8184ff
```
#8184ff rgb(129,132,255)
```
#9597ff
```
#9597ff rgb(149,151,255)
```
#a8aaff
```
#a8aaff rgb(168,170,255)
```
#bcbdff
```
#bcbdff rgb(188,189,255)
```
#d0d1ff
```
#d0d1ff rgb(208,209,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, #a6a6b3 is the less saturated color, while #5a5dff is the most saturated one.

#a6a6b3
```
#a6a6b3 rgb(166,166,179)
```
#a0a0b9
```
#a0a0b9 rgb(160,160,185)
```
#999ac0
```
#999ac0 rgb(153,154,192)
```
#9394c6
```
#9394c6 rgb(147,148,198)
```
#8d8ecc
```
#8d8ecc rgb(141,142,204)
```
#8688d3
```
#8688d3 rgb(134,136,211)
```
#8082d9
```
#8082d9 rgb(128,130,217)
```
#7a7cdf
```
#7a7cdf rgb(122,124,223)
```
#7375e6
```
#7375e6 rgb(115,117,230)
```
#6d6fec
```
#6d6fec rgb(109,111,236)
```
#6769f2
```
#6769f2 rgb(103,105,242)
```
#6063f9
```
#6063f9 rgb(96,99,249)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6b6b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#206df0 Protanomaly 1% of men, 0.01% of women
#2071dd Deuteranomaly 6% of men, 0.4% of women
#2077b7 Tritanomaly 0.01% of the population

#5a5dff hex color

#5a5dff Color Information

#5a5dff Color Conversion

Color Schemes with #5a5dff

Alternatives to #5a5dff

#5a5dff Preview

Shades and Tints of #5a5dff

Tones of #5a5dff

Color Blindness Simulator