#5a74ae hex color

In a RGB color space, hex #5a74ae is composed of 35.3% red, 45.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 33.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 221.4 degrees, a saturation of 34.1% and a lightness of 51.8%. #5a74ae color hex could be obtained by blending #b4e8ff with #00005d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 45
- B 68
RGB color chart
- C 48
- M 33
- Y 0
- K 32
CMYK color chart

● #5a74ae color description : Dark moderate blue.

The hexadecimal color #5a74ae has RGB values of R:90, G:116, B:174 and CMYK values of C:0.48, M:0.33, Y:0, K:0.32. Its decimal value is 5928110.

Hex triplet	5a74ae	`#5a74ae`
RGB Decimal	90, 116, 174	`rgb(90,116,174)`
RGB Percent	35.3, 45.5, 68.2	`rgb(35.3%,45.5%,68.2%)`
CMYK	48, 33, 0, 32
HSL	221.4°, 34.1, 51.8	`hsl(221.4,34.1%,51.8%)`
HSV (or HSB)	221.4°, 48.3, 68.2
Web Safe	666699	`#666699`

CIE-LAB	49.154, 6.826, -33.839
XYZ	18.1, 17.72, 42.509
xyY	0.231, 0.226, 17.72
CIE-LCH	49.154, 34.52, 281.405
CIE-LUV	49.154, -13.97, -51.575
Hunter-Lab	42.095, 3.087, -30.407
Binary	01011010, 01110100, 10101110

#5a74ae
```
#5a74ae rgb(90,116,174)
```
#ae945a
```
#ae945a rgb(174,148,90)
```

Complementary Color

#5a9eae
```
#5a9eae rgb(90,158,174)
```
#5a74ae
```
#5a74ae rgb(90,116,174)
```
#6a5aae
```
#6a5aae rgb(106,90,174)
```

Analogous Color

#9eae5a
```
#9eae5a rgb(158,174,90)
```
#5a74ae
```
#5a74ae rgb(90,116,174)
```
#ae6a5a
```
#ae6a5a rgb(174,106,90)
```

Split Complementary Color

#74ae5a
```
#74ae5a rgb(116,174,90)
```
#5a74ae
```
#5a74ae rgb(90,116,174)
```
#ae5a74
```
#ae5a74 rgb(174,90,116)
```

Triadic Color

#5aae94
```
#5aae94 rgb(90,174,148)
```
#5a74ae
```
#5a74ae rgb(90,116,174)
```
#ae5a74
```
#ae5a74 rgb(174,90,116)
```
#ae945a
```
#ae945a rgb(174,148,90)
```

Tetradic Color

#3e527e
```
#3e527e rgb(62,82,126)
```
#465d8f
```
#465d8f rgb(70,93,143)
```
#4f68a0
```
#4f68a0 rgb(79,104,160)
```
#5a74ae
```
#5a74ae rgb(90,116,174)
```
#6b82b6
```
#6b82b6 rgb(107,130,182)
```
#7c91bf
```
#7c91bf rgb(124,145,191)
```
#8d9fc7
```
#8d9fc7 rgb(141,159,199)
```

Monochromatic Color

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

#5a89ae
```
#5a89ae rgb(90,137,174)
```
#5a82ae
```
#5a82ae rgb(90,130,174)
```
#5a7bae
```
#5a7bae rgb(90,123,174)
```
#5a74ae
```
#5a74ae rgb(90,116,174)
```
#5a6dae
```
#5a6dae rgb(90,109,174)
```
#5a66ae
```
#5a66ae rgb(90,102,174)
```
#5a5fae
```
#5a5fae rgb(90,95,174)
```

Similar Colors

Text with hexadecimal color #5a74ae

This text has a font color of #5a74ae.

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

#5a74ae background color

This paragraph has a background color of #5a74ae.

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

#5a74ae border color

This element has a border color of #5a74ae.

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

CSS codes

.text {color:#5a74ae;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090c13
```
#090c13 rgb(9,12,19)
```
#101520
```
#101520 rgb(16,21,32)
```
#161e2e
```
#161e2e rgb(22,30,46)
```
#1d263b
```
#1d263b rgb(29,38,59)
```
#232f48
```
#232f48 rgb(35,47,72)
```
#2a3755
```
#2a3755 rgb(42,55,85)
```
#304062
```
#304062 rgb(48,64,98)
```
#37486f
```
#37486f rgb(55,72,111)
```
#3d517c
```
#3d517c rgb(61,81,124)
```
#44598a
```
#44598a rgb(68,89,138)
```
#4a6297
```
#4a6297 rgb(74,98,151)
```
#506aa4
```
#506aa4 rgb(80,106,164)
```

Shade Color Variation

#5a74ae
```
#5a74ae rgb(90,116,174)
```
#677fb4
```
#677fb4 rgb(103,127,180)
```
#748abb
```
#748abb rgb(116,138,187)
```
#8195c1
```
#8195c1 rgb(129,149,193)
```
#8fa0c8
```
#8fa0c8 rgb(143,160,200)
```
#9cabce
```
#9cabce rgb(156,171,206)
```
#a9b7d5
```
#a9b7d5 rgb(169,183,213)
```
#b6c2db
```
#b6c2db rgb(182,194,219)
```
#c3cde2
```
#c3cde2 rgb(195,205,226)
```
#d0d8e8
```
#d0d8e8 rgb(208,216,232)
```
#dee3ef
```
#dee3ef rgb(222,227,239)
```
#ebeef5
```
#ebeef5 rgb(235,238,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#808288
```
#808288 rgb(128,130,136)
```
#767f92
```
#767f92 rgb(118,127,146)
```
#6d7b9b
```
#6d7b9b rgb(109,123,155)
```
#6378a5
```
#6378a5 rgb(99,120,165)
```
#5a74ae
```
#5a74ae rgb(90,116,174)
```
#5170b7
```
#5170b7 rgb(81,112,183)
```
#476dc1
```
#476dc1 rgb(71,109,193)
```
#3e69ca
```
#3e69ca rgb(62,105,202)
```
#3466d4
```
#3466d4 rgb(52,102,212)
```
#2b62dd
```
#2b62dd rgb(43,98,221)
```
#215ee7
```
#215ee7 rgb(33,94,231)
```
#185bf0
```
#185bf0 rgb(24,91,240)
```
#0e57fa
```
#0e57fa rgb(14,87,250)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e737f Atypical Achromatopsia 0.001% of the population

Dichromacy

#677ab1 Protanopia 1% of men
#617bb2 Deuteranopia 1% of men
#54838c Tritanopia 0.001% of the population

Trichromacy

#6277b0 Protanomaly 1% of men, 0.01% of women
#5e78b0 Deuteranomaly 6% of men, 0.4% of women
#567d98 Tritanomaly 0.01% of the population

#5a74ae hex color

#5a74ae Color Information

#5a74ae Color Conversion

Color Schemes with #5a74ae

Alternatives to #5a74ae

#5a74ae Preview

Shades and Tints of #5a74ae

Tones of #5a74ae

Color Blindness Simulator