#5a5fb2 hex color

In a RGB color space, hex #5a5fb2 is composed of 35.3% red, 37.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 46.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 236.6 degrees, a saturation of 36.4% and a lightness of 52.5%. #5a5fb2 color hex could be obtained by blending #b4beff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 37
- B 70
RGB color chart
- C 49
- M 47
- Y 0
- K 30
CMYK color chart

● #5a5fb2 color description : Dark moderate blue.

The hexadecimal color #5a5fb2 has RGB values of R:90, G:95, B:178 and CMYK values of C:0.49, M:0.47, Y:0, K:0.3. Its decimal value is 5922738.

Hex triplet	5a5fb2	`#5a5fb2`
RGB Decimal	90, 95, 178	`rgb(90,95,178)`
RGB Percent	35.3, 37.3, 69.8	`rgb(35.3%,37.3%,69.8%)`
CMYK	49, 47, 0, 30
HSL	236.6°, 36.4, 52.5	`hsl(236.6,36.4%,52.5%)`
HSV (or HSB)	236.6°, 49.4, 69.8
Web Safe	666699	`#666699`

CIE-LAB	43.613, 21.085, -44.944
XYZ	16.343, 13.572, 43.876
xyY	0.221, 0.184, 13.572
CIE-LCH	43.613, 49.644, 295.133
CIE-LUV	43.613, -6.739, -68.535
Hunter-Lab	36.84, 14.716, -44.825
Binary	01011010, 01011111, 10110010

#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#b2ad5a
```
#b2ad5a rgb(178,173,90)
```

Complementary Color

#5a8bb2
```
#5a8bb2 rgb(90,139,178)
```
#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#815ab2
```
#815ab2 rgb(129,90,178)
```

Analogous Color

#8bb25a
```
#8bb25a rgb(139,178,90)
```
#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#b2815a
```
#b2815a rgb(178,129,90)
```

Split Complementary Color

#5fb25a
```
#5fb25a rgb(95,178,90)
```
#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#b25a5f
```
#b25a5f rgb(178,90,95)
```

Triadic Color

#5ab2ad
```
#5ab2ad rgb(90,178,173)
```
#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#b25a5f
```
#b25a5f rgb(178,90,95)
```
#b2ad5a
```
#b2ad5a rgb(178,173,90)
```

Tetradic Color

#3d4183
```
#3d4183 rgb(61,65,131)
```
#454a94
```
#454a94 rgb(69,74,148)
```
#4d52a5
```
#4d52a5 rgb(77,82,165)
```
#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#6b70ba
```
#6b70ba rgb(107,112,186)
```
#7d81c2
```
#7d81c2 rgb(125,129,194)
```
#8e92ca
```
#8e92ca rgb(142,146,202)
```

Monochromatic Color

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

#5a75b2
```
#5a75b2 rgb(90,117,178)
```
#5a6eb2
```
#5a6eb2 rgb(90,110,178)
```
#5a66b2
```
#5a66b2 rgb(90,102,178)
```
#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#5c5ab2
```
#5c5ab2 rgb(92,90,178)
```
#645ab2
```
#645ab2 rgb(100,90,178)
```
#6b5ab2
```
#6b5ab2 rgb(107,90,178)
```

Similar Colors

Text with hexadecimal color #5a5fb2

This text has a font color of #5a5fb2.

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

#5a5fb2 background color

This paragraph has a background color of #5a5fb2.

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

#5a5fb2 border color

This element has a border color of #5a5fb2.

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

CSS codes

.text {color:#5a5fb2;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#111224
```
#111224 rgb(17,18,36)
```
#171831
```
#171831 rgb(23,24,49)
```
#1d1f3e
```
#1d1f3e rgb(29,31,62)
```
#23264c
```
#23264c rgb(35,38,76)
```
#2a2c59
```
#2a2c59 rgb(42,44,89)
```
#303366
```
#303366 rgb(48,51,102)
```
#363a74
```
#363a74 rgb(54,58,116)
```
#3c4081
```
#3c4081 rgb(60,64,129)
```
#43478f
```
#43478f rgb(67,71,143)
```
#494e9c
```
#494e9c rgb(73,78,156)
```
#4f54a9
```
#4f54a9 rgb(79,84,169)
```

Shade Color Variation

#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#676cb8
```
#676cb8 rgb(103,108,184)
```
#7579be
```
#7579be rgb(117,121,190)
```
#8286c5
```
#8286c5 rgb(130,134,197)
```
#8f93cb
```
#8f93cb rgb(143,147,203)
```
#9da0d1
```
#9da0d1 rgb(157,160,209)
```
#aaadd7
```
#aaadd7 rgb(170,173,215)
```
#b8bade
```
#b8bade rgb(184,186,222)
```
#c5c7e4
```
#c5c7e4 rgb(197,199,228)
```
#d2d4ea
```
#d2d4ea rgb(210,212,234)
```
#e0e1f0
```
#e0e1f0 rgb(224,225,240)
```
#edeef7
```
#edeef7 rgb(237,238,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f808d is the less saturated color, while #101dfc is the most saturated one.

#7f808d
```
#7f808d rgb(127,128,141)
```
#767896
```
#767896 rgb(118,120,150)
```
#6d709f
```
#6d709f rgb(109,112,159)
```
#6367a9
```
#6367a9 rgb(99,103,169)
```
#5a5fb2
```
#5a5fb2 rgb(90,95,178)
```
#5157bb
```
#5157bb rgb(81,87,187)
```
#474fc5
```
#474fc5 rgb(71,79,197)
```
#3e46ce
```
#3e46ce rgb(62,70,206)
```
#353ed7
```
#353ed7 rgb(53,62,215)
```
#2b36e1
```
#2b36e1 rgb(43,54,225)
```
#222eea
```
#222eea rgb(34,46,234)
```
#1925f3
```
#1925f3 rgb(25,37,243)
```
#101dfc
```
#101dfc rgb(16,29,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#646576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#476cba Protanopia 1% of men
#396fb2 Deuteranopia 1% of men
#4c757d Tritanopia 0.001% of the population

Trichromacy

#4d67b7 Protanomaly 1% of men, 0.01% of women
#4569b2 Deuteranomaly 6% of men, 0.4% of women
#516d90 Tritanomaly 0.01% of the population

#5a5fb2 hex color

#5a5fb2 Color Information

#5a5fb2 Color Conversion

Color Schemes with #5a5fb2

Alternatives to #5a5fb2

#5a5fb2 Preview

Shades and Tints of #5a5fb2

Tones of #5a5fb2

Color Blindness Simulator