#5a76fa hex color

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

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

● #5a76fa color description : Soft blue.

The hexadecimal color #5a76fa has RGB values of R:90, G:118, B:250 and CMYK values of C:0.64, M:0.53, Y:0, K:0.02. Its decimal value is 5928698.

Hex triplet	5a76fa	`#5a76fa`
RGB Decimal	90, 118, 250	`rgb(90,118,250)`
RGB Percent	35.3, 46.3, 98	`rgb(35.3%,46.3%,98%)`
CMYK	64, 53, 0, 2
HSL	229.5°, 94.1, 66.7	`hsl(229.5,94.1%,66.7%)`
HSV (or HSB)	229.5°, 64, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.06, 30.498, -69.114
XYZ	27.947, 22.031, 93.217
xyY	0.195, 0.154, 22.031
CIE-LCH	54.06, 75.544, 293.811
CIE-LUV	54.06, -15.913, -110.747
Hunter-Lab	46.937, 24.139, -84.893
Binary	01011010, 01110110, 11111010

#5a76fa
```
#5a76fa rgb(90,118,250)
```
#fade5a
```
#fade5a rgb(250,222,90)
```

Complementary Color

#5ac6fa
```
#5ac6fa rgb(90,198,250)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```
#8e5afa
```
#8e5afa rgb(142,90,250)
```

Analogous Color

#c6fa5a
```
#c6fa5a rgb(198,250,90)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```
#fa8e5a
```
#fa8e5a rgb(250,142,90)
```

Split Complementary Color

#76fa5a
```
#76fa5a rgb(118,250,90)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```
#fa5a76
```
#fa5a76 rgb(250,90,118)
```

Triadic Color

#5afade
```
#5afade rgb(90,250,222)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```
#fa5a76
```
#fa5a76 rgb(250,90,118)
```
#fade5a
```
#fade5a rgb(250,222,90)
```

Tetradic Color

#1038f8
```
#1038f8 rgb(16,56,248)
```
#284df9
```
#284df9 rgb(40,77,249)
```
#4161f9
```
#4161f9 rgb(65,97,249)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```
#738bfb
```
#738bfb rgb(115,139,251)
```
#8c9ffc
```
#8c9ffc rgb(140,159,252)
```
#a4b4fc
```
#a4b4fc rgb(164,180,252)
```

Monochromatic Color

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

#5a9efa
```
#5a9efa rgb(90,158,250)
```
#5a91fa
```
#5a91fa rgb(90,145,250)
```
#5a83fa
```
#5a83fa rgb(90,131,250)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```
#5a69fa
```
#5a69fa rgb(90,105,250)
```
#5a5bfa
```
#5a5bfa rgb(90,91,250)
```
#665afa
```
#665afa rgb(102,90,250)
```

Similar Colors

Text with hexadecimal color #5a76fa

This text has a font color of #5a76fa.

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

#5a76fa background color

This paragraph has a background color of #5a76fa.

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

#5a76fa border color

This element has a border color of #5a76fa.

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

CSS codes

.text {color:#5a76fa;}

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

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

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)
```
#010519
```
#010519 rgb(1,5,25)
```
#01092c
```
#01092c rgb(1,9,44)
```
#020d3f
```
#020d3f rgb(2,13,63)
```
#021152
```
#021152 rgb(2,17,82)
```
#031466
```
#031466 rgb(3,20,102)
```
#041879
```
#041879 rgb(4,24,121)
```
#041c8c
```
#041c8c rgb(4,28,140)
```
#05209f
```
#05209f rgb(5,32,159)
```
#0524b2
```
#0524b2 rgb(5,36,178)
```
#0627c5
```
#0627c5 rgb(6,39,197)
```
#072bd8
```
#072bd8 rgb(7,43,216)
```
#072feb
```
#072feb rgb(7,47,235)
```

Shade Color Variation

#0e37f8
```
#0e37f8 rgb(14,55,248)
```
#2147f8
```
#2147f8 rgb(33,71,248)
```
#3456f9
```
#3456f9 rgb(52,86,249)
```
#4766f9
```
#4766f9 rgb(71,102,249)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```
#6d86fb
```
#6d86fb rgb(109,134,251)
```
#8096fb
```
#8096fb rgb(128,150,251)
```
#93a5fc
```
#93a5fc rgb(147,165,252)
```
#a6b5fc
```
#a6b5fc rgb(166,181,252)
```
#b9c5fd
```
#b9c5fd rgb(185,197,253)
```
#ccd5fd
```
#ccd5fd rgb(204,213,253)
```
#dfe5fe
```
#dfe5fe rgb(223,229,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 #5a76fa is the most saturated one.

#a8a9ac
```
#a8a9ac rgb(168,169,172)
```
#a2a5b2
```
#a2a5b2 rgb(162,165,178)
```
#9ba1b9
```
#9ba1b9 rgb(155,161,185)
```
#959cbf
```
#959cbf rgb(149,156,191)
```
#8e98c6
```
#8e98c6 rgb(142,152,198)
```
#8894cc
```
#8894cc rgb(136,148,204)
```
#8190d3
```
#8190d3 rgb(129,144,211)
```
#7b8bd9
```
#7b8bd9 rgb(123,139,217)
```
#7487e0
```
#7487e0 rgb(116,135,224)
```
#6e83e6
```
#6e83e6 rgb(110,131,230)
```
#677fed
```
#677fed rgb(103,127,237)
```
#617af3
```
#617af3 rgb(97,122,243)
```
#5a76fa
```
#5a76fa rgb(90,118,250)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2383ff Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#00949f Tritanopia 0.001% of the population

Trichromacy

#377efd Protanomaly 1% of men, 0.01% of women
#2083eb Deuteranomaly 6% of men, 0.4% of women
#2089c0 Tritanomaly 0.01% of the population

#5a76fa hex color

#5a76fa Color Information

#5a76fa Color Conversion

Color Schemes with #5a76fa

Alternatives to #5a76fa

#5a76fa Preview

Shades and Tints of #5a76fa

Tones of #5a76fa

Color Blindness Simulator