#5a74da hex color

In a RGB color space, hex #5a74da is composed of 35.3% red, 45.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 46.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 227.8 degrees, a saturation of 63.4% and a lightness of 60.4%. #5a74da color hex could be obtained by blending #b4e8ff with #0000b5. Closest websafe color is: #6666cc.

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

● #5a74da color description : Soft blue.

The hexadecimal color #5a74da has RGB values of R:90, G:116, B:218 and CMYK values of C:0.59, M:0.47, Y:0, K:0.15. Its decimal value is 5928154.

Hex triplet	5a74da	`#5a74da`
RGB Decimal	90, 116, 218	`rgb(90,116,218)`
RGB Percent	35.3, 45.5, 85.5	`rgb(35.3%,45.5%,85.5%)`
CMYK	59, 47, 0, 15
HSL	227.8°, 63.4, 60.4	`hsl(227.8,63.4%,60.4%)`
HSV (or HSB)	227.8°, 58.7, 85.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.525, 21.036, -55.295
XYZ	23.114, 19.725, 68.915
xyY	0.207, 0.177, 19.725
CIE-LCH	51.525, 59.161, 290.828
CIE-LUV	51.525, -14.723, -87.522
Hunter-Lab	44.413, 15.175, -60.91
Binary	01011010, 01110100, 11011010

#5a74da
```
#5a74da rgb(90,116,218)
```
#dac05a
```
#dac05a rgb(218,192,90)
```

Complementary Color

#5ab4da
```
#5ab4da rgb(90,180,218)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#805ada
```
#805ada rgb(128,90,218)
```

Analogous Color

#b4da5a
```
#b4da5a rgb(180,218,90)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#da805a
```
#da805a rgb(218,128,90)
```

Split Complementary Color

#74da5a
```
#74da5a rgb(116,218,90)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#da5a74
```
#da5a74 rgb(218,90,116)
```

Triadic Color

#5adac0
```
#5adac0 rgb(90,218,192)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#da5a74
```
#da5a74 rgb(218,90,116)
```
#dac05a
```
#dac05a rgb(218,192,90)
```

Tetradic Color

#2a48bd
```
#2a48bd rgb(42,72,189)
```
#3051d1
```
#3051d1 rgb(48,81,209)
```
#4562d5
```
#4562d5 rgb(69,98,213)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#6f86df
```
#6f86df rgb(111,134,223)
```
#8497e3
```
#8497e3 rgb(132,151,227)
```
#98a9e8
```
#98a9e8 rgb(152,169,232)
```

Monochromatic Color

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

#5a94da
```
#5a94da rgb(90,148,218)
```
#5a89da
```
#5a89da rgb(90,137,218)
```
#5a7fda
```
#5a7fda rgb(90,127,218)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#5a69da
```
#5a69da rgb(90,105,218)
```
#5a5fda
```
#5a5fda rgb(90,95,218)
```
#605ada
```
#605ada rgb(96,90,218)
```

Similar Colors

Text with hexadecimal color #5a74da

This text has a font color of #5a74da.

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

#5a74da background color

This paragraph has a background color of #5a74da.

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

#5a74da border color

This element has a border color of #5a74da.

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

CSS codes

.text {color:#5a74da;}

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

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

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, #03040b is the darkest color, while #fafbfe is the lightest one.

#03040b
```
#03040b rgb(3,4,11)
```
#060a1b
```
#060a1b rgb(6,10,27)
```
#0a112b
```
#0a112b rgb(10,17,43)
```
#0d173b
```
#0d173b rgb(13,23,59)
```
#111d4b
```
#111d4b rgb(17,29,75)
```
#14235b
```
#14235b rgb(20,35,91)
```
#18296b
```
#18296b rgb(24,41,107)
```
#1c2f7b
```
#1c2f7b rgb(28,47,123)
```
#1f358b
```
#1f358b rgb(31,53,139)
```
#233b9b
```
#233b9b rgb(35,59,155)
```
#2641ab
```
#2641ab rgb(38,65,171)
```
#2a48bb
```
#2a48bb rgb(42,72,187)
```
#2e4ecc
```
#2e4ecc rgb(46,78,204)
```

Shade Color Variation

#3a59d3
```
#3a59d3 rgb(58,89,211)
```
#4a67d6
```
#4a67d6 rgb(74,103,214)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#6a81de
```
#6a81de rgb(106,129,222)
```
#7a8fe1
```
#7a8fe1 rgb(122,143,225)
```
#8a9ce5
```
#8a9ce5 rgb(138,156,229)
```
#9aaae8
```
#9aaae8 rgb(154,170,232)
```
#aab7ec
```
#aab7ec rgb(170,183,236)
```
#bac5f0
```
#bac5f0 rgb(186,197,240)
```
#cad2f3
```
#cad2f3 rgb(202,210,243)
```
#dae0f7
```
#dae0f7 rgb(218,224,247)
```
#eaedfa
```
#eaedfa rgb(234,237,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#98999c
```
#98999c rgb(152,153,156)
```
#9094a4
```
#9094a4 rgb(144,148,164)
```
#8990ab
```
#8990ab rgb(137,144,171)
```
#818bb3
```
#818bb3 rgb(129,139,179)
```
#7986bb
```
#7986bb rgb(121,134,187)
```
#7182c3
```
#7182c3 rgb(113,130,195)
```
#6a7dca
```
#6a7dca rgb(106,125,202)
```
#6279d2
```
#6279d2 rgb(98,121,210)
```
#5a74da
```
#5a74da rgb(90,116,218)
```
#526fe2
```
#526fe2 rgb(82,111,226)
```
#4a6bea
```
#4a6bea rgb(74,107,234)
```
#4366f1
```
#4366f1 rgb(67,102,241)
```
#3b62f9
```
#3b62f9 rgb(59,98,249)
```

Tone Color Variation

Below, you can see how #5a74da 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
#72778c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d7ede Protanopia 1% of men
#2983d8 Deuteranopia 1% of men
#3a8c96 Tritanopia 0.001% of the population

Trichromacy

#517add Protanomaly 1% of men, 0.01% of women
#3b7dd9 Deuteranomaly 6% of men, 0.4% of women
#4583af Tritanomaly 0.01% of the population

#5a74da hex color

#5a74da Color Information

#5a74da Color Conversion

Color Schemes with #5a74da

Alternatives to #5a74da

#5a74da Preview

Shades and Tints of #5a74da

Tones of #5a74da

Color Blindness Simulator