#5a74fe hex color

In a RGB color space, hex #5a74fe is composed of 35.3% red, 45.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 54.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 230.5 degrees, a saturation of 98.8% and a lightness of 67.5%. #5a74fe color hex could be obtained by blending #b4e8ff with #0000fd. Closest websafe color is: #6666ff.

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

● #5a74fe color description : Soft blue.

The hexadecimal color #5a74fe has RGB values of R:90, G:116, B:254 and CMYK values of C:0.65, M:0.54, Y:0, K:0. Its decimal value is 5928190.

Hex triplet	5a74fe	`#5a74fe`
RGB Decimal	90, 116, 254	`rgb(90,116,254)`
RGB Percent	35.3, 45.5, 99.6	`rgb(35.3%,45.5%,99.6%)`
CMYK	65, 54, 0, 0
HSL	230.5°, 98.8, 67.5	`hsl(230.5,98.8%,67.5%)`
HSV (or HSB)	230.5°, 64.6, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.834, 33.055, -71.693
XYZ	28.348, 21.819, 96.478
xyY	0.193, 0.149, 21.819
CIE-LCH	53.834, 78.946, 294.753
CIE-LUV	53.834, -15.437, -114.718
Hunter-Lab	46.71, 26.585, -89.763
Binary	01011010, 01110100, 11111110

#5a74fe
```
#5a74fe rgb(90,116,254)
```
#fee45a
```
#fee45a rgb(254,228,90)
```

Complementary Color

#5ac6fe
```
#5ac6fe rgb(90,198,254)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```
#925afe
```
#925afe rgb(146,90,254)
```

Analogous Color

#c6fe5a
```
#c6fe5a rgb(198,254,90)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```
#fe925a
```
#fe925a rgb(254,146,90)
```

Split Complementary Color

#74fe5a
```
#74fe5a rgb(116,254,90)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```
#fe5a74
```
#fe5a74 rgb(254,90,116)
```

Triadic Color

#5afee4
```
#5afee4 rgb(90,254,228)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```
#fe5a74
```
#fe5a74 rgb(254,90,116)
```
#fee45a
```
#fee45a rgb(254,228,90)
```

Tetradic Color

#0e34fe
```
#0e34fe rgb(14,52,254)
```
#2749fe
```
#2749fe rgb(39,73,254)
```
#415ffe
```
#415ffe rgb(65,95,254)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```
#7389fe
```
#7389fe rgb(115,137,254)
```
#8d9ffe
```
#8d9ffe rgb(141,159,254)
```
#a6b4fe
```
#a6b4fe rgb(166,180,254)
```

Monochromatic Color

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

#5a9dfe
```
#5a9dfe rgb(90,157,254)
```
#5a8ffe
```
#5a8ffe rgb(90,143,254)
```
#5a82fe
```
#5a82fe rgb(90,130,254)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```
#5a66fe
```
#5a66fe rgb(90,102,254)
```
#5b5afe
```
#5b5afe rgb(91,90,254)
```
#695afe
```
#695afe rgb(105,90,254)
```

Similar Colors

Text with hexadecimal color #5a74fe

This text has a font color of #5a74fe.

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

#5a74fe background color

This paragraph has a background color of #5a74fe.

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

#5a74fe border color

This element has a border color of #5a74fe.

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

CSS codes

.text {color:#5a74fe;}

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

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

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

#00020a
```
#00020a rgb(0,2,10)
```
#00051e
```
#00051e rgb(0,5,30)
```
#000831
```
#000831 rgb(0,8,49)
```
#000b45
```
#000b45 rgb(0,11,69)
```
#010e58
```
#010e58 rgb(1,14,88)
```
#01126c
```
#01126c rgb(1,18,108)
```
#01157f
```
#01157f rgb(1,21,127)
```
#011893
```
#011893 rgb(1,24,147)
```
#011ba6
```
#011ba6 rgb(1,27,166)
```
#011eba
```
#011eba rgb(1,30,186)
```
#0122cd
```
#0122cd rgb(1,34,205)
```
#0125e1
```
#0125e1 rgb(1,37,225)
```
#0128f4
```
#0128f4 rgb(1,40,244)
```

Shade Color Variation

#0c32fe
```
#0c32fe rgb(12,50,254)
```
#2043fe
```
#2043fe rgb(32,67,254)
```
#3353fe
```
#3353fe rgb(51,83,254)
```
#4764fe
```
#4764fe rgb(71,100,254)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```
#6d84fe
```
#6d84fe rgb(109,132,254)
```
#8195fe
```
#8195fe rgb(129,149,254)
```
#94a5fe
```
#94a5fe rgb(148,165,254)
```
#a8b6fe
```
#a8b6fe rgb(168,182,254)
```
#bbc6ff
```
#bbc6ff rgb(187,198,255)
```
#cfd7ff
```
#cfd7ff rgb(207,215,255)
```
#e2e7ff
```
#e2e7ff rgb(226,231,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#a7a8b1
```
#a7a8b1 rgb(167,168,177)
```
#a0a4b8
```
#a0a4b8 rgb(160,164,184)
```
#9aa0be
```
#9aa0be rgb(154,160,190)
```
#939bc5
```
#939bc5 rgb(147,155,197)
```
#8d97cb
```
#8d97cb rgb(141,151,203)
```
#8793d1
```
#8793d1 rgb(135,147,209)
```
#808ed8
```
#808ed8 rgb(128,142,216)
```
#7a8ade
```
#7a8ade rgb(122,138,222)
```
#7485e4
```
#7485e4 rgb(116,133,228)
```
#6d81eb
```
#6d81eb rgb(109,129,235)
```
#677df1
```
#677df1 rgb(103,125,241)
```
#6078f8
```
#6078f8 rgb(96,120,248)
```
#5a74fe
```
#5a74fe rgb(90,116,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#757a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d83ff Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#337dfe Protanomaly 1% of men, 0.01% of women
#2082ec Deuteranomaly 6% of men, 0.4% of women
#2088c1 Tritanomaly 0.01% of the population

#5a74fe hex color

#5a74fe Color Information

#5a74fe Color Conversion

Color Schemes with #5a74fe

Alternatives to #5a74fe

#5a74fe Preview

Shades and Tints of #5a74fe

Tones of #5a74fe

Color Blindness Simulator