#5a5299 hex color

In a RGB color space, hex #5a5299 is composed of 35.3% red, 32.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 46.4% magenta, 0% yellow and 40% black. It has a hue angle of 246.8 degrees, a saturation of 30.2% and a lightness of 46.1%. #5a5299 color hex could be obtained by blending #b4a4ff with #000033. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 32
- B 60
RGB color chart
- C 41
- M 46
- Y 0
- K 40
CMYK color chart

● #5a5299 color description : Dark moderate blue.

The hexadecimal color #5a5299 has RGB values of R:90, G:82, B:153 and CMYK values of C:0.41, M:0.46, Y:0, K:0.4. Its decimal value is 5919385.

Hex triplet	5a5299	`#5a5299`
RGB Decimal	90, 82, 153	`rgb(90,82,153)`
RGB Percent	35.3, 32.2, 60	`rgb(35.3%,32.2%,60%)`
CMYK	41, 46, 0, 40
HSL	246.8°, 30.2, 46.1	`hsl(246.8,30.2%,46.1%)`
HSV (or HSB)	246.8°, 46.4, 60
Web Safe	666699	`#666699`

CIE-LAB	38.739, 21.555, -37.869
XYZ	12.982, 10.508, 31.479
xyY	0.236, 0.191, 10.508
CIE-LCH	38.739, 43.574, 299.649
CIE-LUV	38.739, -0.961, -56.161
Hunter-Lab	32.416, 14.761, -34.886
Binary	01011010, 01010010, 10011001

#5a5299
```
#5a5299 rgb(90,82,153)
```
#919952
```
#919952 rgb(145,153,82)
```

Complementary Color

#526e99
```
#526e99 rgb(82,110,153)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#7e5299
```
#7e5299 rgb(126,82,153)
```

Analogous Color

#6e9952
```
#6e9952 rgb(110,153,82)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#997e52
```
#997e52 rgb(153,126,82)
```

Split Complementary Color

#52995a
```
#52995a rgb(82,153,90)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#995a52
```
#995a52 rgb(153,90,82)
```

Triadic Color

#529199
```
#529199 rgb(82,145,153)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#995a52
```
#995a52 rgb(153,90,82)
```
#919952
```
#919952 rgb(145,153,82)
```

Tetradic Color

#3d3767
```
#3d3767 rgb(61,55,103)
```
#464078
```
#464078 rgb(70,64,120)
```
#504988
```
#504988 rgb(80,73,136)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#655da8
```
#655da8 rgb(101,93,168)
```
#756db1
```
#756db1 rgb(117,109,177)
```
#857eba
```
#857eba rgb(133,126,186)
```

Monochromatic Color

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

#525c99
```
#525c99 rgb(82,92,153)
```
#525699
```
#525699 rgb(82,86,153)
```
#545299
```
#545299 rgb(84,82,153)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#605299
```
#605299 rgb(96,82,153)
```
#665299
```
#665299 rgb(102,82,153)
```
#6c5299
```
#6c5299 rgb(108,82,153)
```

Similar Colors

Text with hexadecimal color #5a5299

This text has a font color of #5a5299.

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

#5a5299 background color

This paragraph has a background color of #5a5299.

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

#5a5299 border color

This element has a border color of #5a5299.

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

CSS codes

.text {color:#5a5299;}

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

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

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, #07070d is the darkest color, while #ffffff is the lightest one.

#07070d
```
#07070d rgb(7,7,13)
```
#0f0e19
```
#0f0e19 rgb(15,14,25)
```
#161426
```
#161426 rgb(22,20,38)
```
#1e1b33
```
#1e1b33 rgb(30,27,51)
```
#252240
```
#252240 rgb(37,34,64)
```
#2d294c
```
#2d294c rgb(45,41,76)
```
#343059
```
#343059 rgb(52,48,89)
```
#3c3766
```
#3c3766 rgb(60,55,102)
```
#433d73
```
#433d73 rgb(67,61,115)
```
#4b447f
```
#4b447f rgb(75,68,127)
```
#524b8c
```
#524b8c rgb(82,75,140)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#6259a6
```
#6259a6 rgb(98,89,166)
```

Shade Color Variation

#6e65ad
```
#6e65ad rgb(110,101,173)
```
#7a72b4
```
#7a72b4 rgb(122,114,180)
```
#867fba
```
#867fba rgb(134,127,186)
```
#928cc1
```
#928cc1 rgb(146,140,193)
```
#9e99c8
```
#9e99c8 rgb(158,153,200)
```
#aaa5cf
```
#aaa5cf rgb(170,165,207)
```
#b6b2d6
```
#b6b2d6 rgb(182,178,214)
```
#c2bfdd
```
#c2bfdd rgb(194,191,221)
```
#cecce3
```
#cecce3 rgb(206,204,227)
```
#dad8ea
```
#dad8ea rgb(218,216,234)
```
#e7e5f1
```
#e7e5f1 rgb(231,229,241)
```
#f3f2f8
```
#f3f2f8 rgb(243,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6d7e is the less saturated color, while #1b01ea is the most saturated one.

#6f6d7e
```
#6f6d7e rgb(111,109,126)
```
#686487
```
#686487 rgb(104,100,135)
```
#615b90
```
#615b90 rgb(97,91,144)
```
#5a5299
```
#5a5299 rgb(90,82,153)
```
#5349a2
```
#5349a2 rgb(83,73,162)
```
#4c40ab
```
#4c40ab rgb(76,64,171)
```
#4537b4
```
#4537b4 rgb(69,55,180)
```
#3e2ebd
```
#3e2ebd rgb(62,46,189)
```
#3725c6
```
#3725c6 rgb(55,37,198)
```
#301ccf
```
#301ccf rgb(48,28,207)
```
#2913d8
```
#2913d8 rgb(41,19,216)
```
#220ae1
```
#220ae1 rgb(34,10,225)
```
#1b01ea
```
#1b01ea rgb(27,1,234)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5c5a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4361a3 Protanopia 1% of men
#3e649a Deuteranopia 1% of men
#54666e Tritanopia 0.001% of the population

Trichromacy

#4b5b9f Protanomaly 1% of men, 0.01% of women
#485d9a Deuteranomaly 6% of men, 0.4% of women
#565f7d Tritanomaly 0.01% of the population

#5a5299 hex color

#5a5299 Color Information

#5a5299 Color Conversion

Color Schemes with #5a5299

Alternatives to #5a5299

#5a5299 Preview

Shades and Tints of #5a5299

Tones of #5a5299

Color Blindness Simulator