#5a75d8 hex color

In a RGB color space, hex #5a75d8 is composed of 35.3% red, 45.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 45.8% magenta, 0% yellow and 15.3% black. It has a hue angle of 227.1 degrees, a saturation of 61.8% and a lightness of 60%. #5a75d8 color hex could be obtained by blending #b4eaff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 46
- B 85
RGB color chart
- C 58
- M 46
- Y 0
- K 15
CMYK color chart

● #5a75d8 color description : Moderate blue.

The hexadecimal color #5a75d8 has RGB values of R:90, G:117, B:216 and CMYK values of C:0.58, M:0.46, Y:0, K:0.15. Its decimal value is 5928408.

Hex triplet	5a75d8	`#5a75d8`
RGB Decimal	90, 117, 216	`rgb(90,117,216)`
RGB Percent	35.3, 45.9, 84.7	`rgb(35.3%,45.9%,84.7%)`
CMYK	58, 46, 0, 15
HSL	227.1°, 61.8, 60	`hsl(227.1,61.8%,60%)`
HSV (or HSB)	227.1°, 58.3, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.671, 19.758, -53.931
XYZ	22.97, 19.853, 67.584
xyY	0.208, 0.18, 19.853
CIE-LCH	51.671, 57.436, 290.121
CIE-LUV	51.671, -15.003, -85.331
Hunter-Lab	44.557, 14.046, -58.741
Binary	01011010, 01110101, 11011000

#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#d8bd5a
```
#d8bd5a rgb(216,189,90)
```

Complementary Color

#5ab4d8
```
#5ab4d8 rgb(90,180,216)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#7e5ad8
```
#7e5ad8 rgb(126,90,216)
```

Analogous Color

#b4d85a
```
#b4d85a rgb(180,216,90)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#d87e5a
```
#d87e5a rgb(216,126,90)
```

Split Complementary Color

#75d85a
```
#75d85a rgb(117,216,90)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#d85a75
```
#d85a75 rgb(216,90,117)
```

Triadic Color

#5ad8bd
```
#5ad8bd rgb(90,216,189)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#d85a75
```
#d85a75 rgb(216,90,117)
```
#d8bd5a
```
#d8bd5a rgb(216,189,90)
```

Tetradic Color

#2c4aba
```
#2c4aba rgb(44,74,186)
```
#3153ce
```
#3153ce rgb(49,83,206)
```
#4564d3
```
#4564d3 rgb(69,100,211)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#6f86dd
```
#6f86dd rgb(111,134,221)
```
#8398e2
```
#8398e2 rgb(131,152,226)
```
#98a9e7
```
#98a9e7 rgb(152,169,231)
```

Monochromatic Color

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

#5a95d8
```
#5a95d8 rgb(90,149,216)
```
#5a8ad8
```
#5a8ad8 rgb(90,138,216)
```
#5a80d8
```
#5a80d8 rgb(90,128,216)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#5a6bd8
```
#5a6bd8 rgb(90,107,216)
```
#5a60d8
```
#5a60d8 rgb(90,96,216)
```
#5e5ad8
```
#5e5ad8 rgb(94,90,216)
```

Similar Colors

Text with hexadecimal color #5a75d8

This text has a font color of #5a75d8.

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

#5a75d8 background color

This paragraph has a background color of #5a75d8.

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

#5a75d8 border color

This element has a border color of #5a75d8.

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

CSS codes

.text {color:#5a75d8;}

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

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

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, #02040a is the darkest color, while #f9fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#060a19
```
#060a19 rgb(6,10,25)
```
#0a1129
```
#0a1129 rgb(10,17,41)
```
#0e1739
```
#0e1739 rgb(14,23,57)
```
#111d49
```
#111d49 rgb(17,29,73)
```
#152459
```
#152459 rgb(21,36,89)
```
#192a69
```
#192a69 rgb(25,42,105)
```
#1d3079
```
#1d3079 rgb(29,48,121)
```
#203788
```
#203788 rgb(32,55,136)
```
#243d98
```
#243d98 rgb(36,61,152)
```
#2843a8
```
#2843a8 rgb(40,67,168)
```
#2c4ab8
```
#2c4ab8 rgb(44,74,184)
```
#2f50c8
```
#2f50c8 rgb(47,80,200)
```

Shade Color Variation

#3a5ad1
```
#3a5ad1 rgb(58,90,209)
```
#4a68d4
```
#4a68d4 rgb(74,104,212)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#6a82dc
```
#6a82dc rgb(106,130,220)
```
#7a90e0
```
#7a90e0 rgb(122,144,224)
```
#8a9de3
```
#8a9de3 rgb(138,157,227)
```
#99aae7
```
#99aae7 rgb(153,170,231)
```
#a9b7eb
```
#a9b7eb rgb(169,183,235)
```
#b9c5ef
```
#b9c5ef rgb(185,197,239)
```
#c9d2f2
```
#c9d2f2 rgb(201,210,242)
```
#d9dff6
```
#d9dff6 rgb(217,223,246)
```
#e9ecfa
```
#e9ecfa rgb(233,236,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#999999
```
#999999 rgb(153,153,153)
```
#9194a1
```
#9194a1 rgb(145,148,161)
```
#8990a9
```
#8990a9 rgb(137,144,169)
```
#818bb1
```
#818bb1 rgb(129,139,177)
```
#7987b9
```
#7987b9 rgb(121,135,185)
```
#7282c0
```
#7282c0 rgb(114,130,192)
```
#6a7ec8
```
#6a7ec8 rgb(106,126,200)
```
#6279d0
```
#6279d0 rgb(98,121,208)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#5271e0
```
#5271e0 rgb(82,113,224)
```
#4a6ce8
```
#4a6ce8 rgb(74,108,232)
```
#4268f0
```
#4268f0 rgb(66,104,240)
```
#3b63f7
```
#3b63f7 rgb(59,99,247)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#72778b Atypical Achromatopsia 0.001% of the population

Dichromacy

#507edc Protanopia 1% of men
#3283d6 Deuteranopia 1% of men
#3c8c96 Tritanopia 0.001% of the population

Trichromacy

#547bda Protanomaly 1% of men, 0.01% of women
#417ed7 Deuteranomaly 6% of men, 0.4% of women
#4784ae Tritanomaly 0.01% of the population

#5a75d8 hex color

#5a75d8 Color Information

#5a75d8 Color Conversion

Color Schemes with #5a75d8

Alternatives to #5a75d8

#5a75d8 Preview

Shades and Tints of #5a75d8

Tones of #5a75d8

Color Blindness Simulator