#5a6dfa hex color

In a RGB color space, hex #5a6dfa is composed of 35.3% red, 42.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 56.4% magenta, 0% yellow and 2% black. It has a hue angle of 232.9 degrees, a saturation of 94.1% and a lightness of 66.7%. #5a6dfa color hex could be obtained by blending #b4daff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 43
- B 98
RGB color chart
- C 64
- M 56
- Y 0
- K 2
CMYK color chart

● #5a6dfa color description : Soft blue.

The hexadecimal color #5a6dfa has RGB values of R:90, G:109, B:250 and CMYK values of C:0.64, M:0.56, Y:0, K:0.02. Its decimal value is 5926394.

Hex triplet	5a6dfa	`#5a6dfa`
RGB Decimal	90, 109, 250	`rgb(90,109,250)`
RGB Percent	35.3, 42.7, 98	`rgb(35.3%,42.7%,98%)`
CMYK	64, 56, 0, 2
HSL	232.9°, 94.1, 66.7	`hsl(232.9,94.1%,66.7%)`
HSV (or HSB)	232.9°, 64, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.85, 35.969, -72.695
XYZ	26.937, 20.012, 92.88
xyY	0.193, 0.143, 20.012
CIE-LCH	51.85, 81.107, 296.326
CIE-LUV	51.85, -13.458, -115.272
Hunter-Lab	44.734, 29.199, -91.788
Binary	01011010, 01101101, 11111010

#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#fae75a
```
#fae75a rgb(250,231,90)
```

Complementary Color

#5abdfa
```
#5abdfa rgb(90,189,250)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#975afa
```
#975afa rgb(151,90,250)
```

Analogous Color

#bdfa5a
```
#bdfa5a rgb(189,250,90)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#fa975a
```
#fa975a rgb(250,151,90)
```

Split Complementary Color

#6dfa5a
```
#6dfa5a rgb(109,250,90)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#fa5a6d
```
#fa5a6d rgb(250,90,109)
```

Triadic Color

#5afae7
```
#5afae7 rgb(90,250,231)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#fa5a6d
```
#fa5a6d rgb(250,90,109)
```
#fae75a
```
#fae75a rgb(250,231,90)
```

Tetradic Color

#102bf8
```
#102bf8 rgb(16,43,248)
```
#2841f9
```
#2841f9 rgb(40,65,249)
```
#4157f9
```
#4157f9 rgb(65,87,249)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#7383fb
```
#7383fb rgb(115,131,251)
```
#8c99fc
```
#8c99fc rgb(140,153,252)
```
#a4affc
```
#a4affc rgb(164,175,252)
```

Monochromatic Color

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

#5a95fa
```
#5a95fa rgb(90,149,250)
```
#5a88fa
```
#5a88fa rgb(90,136,250)
```
#5a7afa
```
#5a7afa rgb(90,122,250)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#5a60fa
```
#5a60fa rgb(90,96,250)
```
#625afa
```
#625afa rgb(98,90,250)
```
#6f5afa
```
#6f5afa rgb(111,90,250)
```

Similar Colors

Text with hexadecimal color #5a6dfa

This text has a font color of #5a6dfa.

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

#5a6dfa background color

This paragraph has a background color of #5a6dfa.

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

#5a6dfa border color

This element has a border color of #5a6dfa.

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

CSS codes

.text {color:#5a6dfa;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010419
```
#010419 rgb(1,4,25)
```
#01062c
```
#01062c rgb(1,6,44)
```
#02093f
```
#02093f rgb(2,9,63)
```
#020c52
```
#020c52 rgb(2,12,82)
```
#030f66
```
#030f66 rgb(3,15,102)
```
#041279
```
#041279 rgb(4,18,121)
```
#04148c
```
#04148c rgb(4,20,140)
```
#05179f
```
#05179f rgb(5,23,159)
```
#051ab2
```
#051ab2 rgb(5,26,178)
```
#061dc5
```
#061dc5 rgb(6,29,197)
```
#071fd8
```
#071fd8 rgb(7,31,216)
```
#0722eb
```
#0722eb rgb(7,34,235)
```

Shade Color Variation

#0e2af8
```
#0e2af8 rgb(14,42,248)
```
#213af8
```
#213af8 rgb(33,58,248)
```
#344bf9
```
#344bf9 rgb(52,75,249)
```
#475cf9
```
#475cf9 rgb(71,92,249)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```
#6d7efb
```
#6d7efb rgb(109,126,251)
```
#808ffb
```
#808ffb rgb(128,143,251)
```
#93a0fc
```
#93a0fc rgb(147,160,252)
```
#a6b0fc
```
#a6b0fc rgb(166,176,252)
```
#b9c1fd
```
#b9c1fd rgb(185,193,253)
```
#ccd2fd
```
#ccd2fd rgb(204,210,253)
```
#dfe3fe
```
#dfe3fe rgb(223,227,254)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#a8a9ac
```
#a8a9ac rgb(168,169,172)
```
#a2a4b2
```
#a2a4b2 rgb(162,164,178)
```
#9b9fb9
```
#9b9fb9 rgb(155,159,185)
```
#959abf
```
#959abf rgb(149,154,191)
```
#8e95c6
```
#8e95c6 rgb(142,149,198)
```
#8890cc
```
#8890cc rgb(136,144,204)
```
#818bd3
```
#818bd3 rgb(129,139,211)
```
#7b86d9
```
#7b86d9 rgb(123,134,217)
```
#7481e0
```
#7481e0 rgb(116,129,224)
```
#6e7ce6
```
#6e7ce6 rgb(110,124,230)
```
#6777ed
```
#6777ed rgb(103,119,237)
```
#6172f3
```
#6172f3 rgb(97,114,243)
```
#5a6dfa
```
#5a6dfa rgb(90,109,250)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#717591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#2078f8 Protanomaly 1% of men, 0.01% of women
#207ce5 Deuteranomaly 6% of men, 0.4% of women
#2082bc Tritanomaly 0.01% of the population

#5a6dfa hex color

#5a6dfa Color Information

#5a6dfa Color Conversion

Color Schemes with #5a6dfa

Alternatives to #5a6dfa

#5a6dfa Preview

Shades and Tints of #5a6dfa

Tones of #5a6dfa

Color Blindness Simulator