#4b5a97 hex color

In a RGB color space, hex #4b5a97 is composed of 29.4% red, 35.3% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 40.4% magenta, 0% yellow and 40.8% black. It has a hue angle of 228.2 degrees, a saturation of 33.6% and a lightness of 44.3%. #4b5a97 color hex could be obtained by blending #96b4ff with #00002f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 35
- B 59
RGB color chart
- C 50
- M 40
- Y 0
- K 41
CMYK color chart

● #4b5a97 color description : Dark moderate blue.

The hexadecimal color #4b5a97 has RGB values of R:75, G:90, B:151 and CMYK values of C:0.5, M:0.4, Y:0, K:0.41. Its decimal value is 4938391.

Hex triplet	4b5a97	`#4b5a97`
RGB Decimal	75, 90, 151	`rgb(75,90,151)`
RGB Percent	29.4, 35.3, 59.2	`rgb(29.4%,35.3%,59.2%)`
CMYK	50, 40, 0, 41
HSL	228.2°, 33.6, 44.3	`hsl(228.2,33.6%,44.3%)`
HSV (or HSB)	228.2°, 50.3, 59.2
Web Safe	336699	`#336699`

CIE-LAB	39.651, 11.946, -35.293
XYZ	12.143, 11.042, 30.768
xyY	0.225, 0.205, 11.042
CIE-LCH	39.651, 37.26, 288.7
CIE-LUV	39.651, -9.279, -51.739
Hunter-Lab	33.23, 7.075, -31.637
Binary	01001011, 01011010, 10010111

#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#97884b
```
#97884b rgb(151,136,75)
```

Complementary Color

#4b8097
```
#4b8097 rgb(75,128,151)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#624b97
```
#624b97 rgb(98,75,151)
```

Analogous Color

#80974b
```
#80974b rgb(128,151,75)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#97624b
```
#97624b rgb(151,98,75)
```

Split Complementary Color

#5a974b
```
#5a974b rgb(90,151,75)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#974b5a
```
#974b5a rgb(151,75,90)
```

Triadic Color

#4b9788
```
#4b9788 rgb(75,151,136)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#974b5a
```
#974b5a rgb(151,75,90)
```
#97884b
```
#97884b rgb(151,136,75)
```

Tetradic Color

#323c64
```
#323c64 rgb(50,60,100)
```
#3a4675
```
#3a4675 rgb(58,70,117)
```
#435086
```
#435086 rgb(67,80,134)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#5364a8
```
#5364a8 rgb(83,100,168)
```
#6373b2
```
#6373b2 rgb(99,115,178)
```
#7482ba
```
#7482ba rgb(116,130,186)
```

Monochromatic Color

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

#4b6d97
```
#4b6d97 rgb(75,109,151)
```
#4b6797
```
#4b6797 rgb(75,103,151)
```
#4b6097
```
#4b6097 rgb(75,96,151)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#4b5497
```
#4b5497 rgb(75,84,151)
```
#4b4d97
```
#4b4d97 rgb(75,77,151)
```
#4f4b97
```
#4f4b97 rgb(79,75,151)
```

Similar Colors

Text with hexadecimal color #4b5a97

This text has a font color of #4b5a97.

<span style="color:#4b5a97;">Text here</span>

#4b5a97 background color

This paragraph has a background color of #4b5a97.

<p style="background-color:#4b5a97;">Content here</p>

#4b5a97 border color

This element has a border color of #4b5a97.

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

CSS codes

.text {color:#4b5a97;}

.background {background-color:#4b5a97;}

.border {border:1px solid #4b5a97;}

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0c14
```
#0a0c14 rgb(10,12,20)
```
#101421
```
#101421 rgb(16,20,33)
```
#171c2e
```
#171c2e rgb(23,28,46)
```
#1d233b
```
#1d233b rgb(29,35,59)
```
#242b48
```
#242b48 rgb(36,43,72)
```
#2a3355
```
#2a3355 rgb(42,51,85)
```
#313b63
```
#313b63 rgb(49,59,99)
```
#374370
```
#374370 rgb(55,67,112)
```
#3e4a7d
```
#3e4a7d rgb(62,74,125)
```
#44528a
```
#44528a rgb(68,82,138)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#5262a4
```
#5262a4 rgb(82,98,164)
```

Shade Color Variation

#5b6cae
```
#5b6cae rgb(91,108,174)
```
#6978b4
```
#6978b4 rgb(105,120,180)
```
#7683bb
```
#7683bb rgb(118,131,187)
```
#838fc1
```
#838fc1 rgb(131,143,193)
```
#909bc8
```
#909bc8 rgb(144,155,200)
```
#9da7ce
```
#9da7ce rgb(157,167,206)
```
#aab3d5
```
#aab3d5 rgb(170,179,213)
```
#b7bedb
```
#b7bedb rgb(183,190,219)
```
#c4cae2
```
#c4cae2 rgb(196,202,226)
```
#d1d6e8
```
#d1d6e8 rgb(209,214,232)
```
#dfe2ef
```
#dfe2ef rgb(223,226,239)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#6e6f74
```
#6e6f74 rgb(110,111,116)
```
#656a7d
```
#656a7d rgb(101,106,125)
```
#5c6586
```
#5c6586 rgb(92,101,134)
```
#545f8e
```
#545f8e rgb(84,95,142)
```
#4b5a97
```
#4b5a97 rgb(75,90,151)
```
#4255a0
```
#4255a0 rgb(66,85,160)
```
#3a4fa8
```
#3a4fa8 rgb(58,79,168)
```
#314ab1
```
#314ab1 rgb(49,74,177)
```
#2845ba
```
#2845ba rgb(40,69,186)
```
#2040c2
```
#2040c2 rgb(32,64,194)
```
#173acb
```
#173acb rgb(23,58,203)
```
#0e35d4
```
#0e35d4 rgb(14,53,212)
```
#0530dd
```
#0530dd rgb(5,48,221)
```

Tone Color Variation

Below, you can see how #4b5a97 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
#595c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d639d Protanopia 1% of men
#44669b Deuteranopia 1% of men
#446b73 Tritanopia 0.001% of the population

Trichromacy

#4c609b Protanomaly 1% of men, 0.01% of women
#476199 Deuteranomaly 6% of men, 0.4% of women
#466580 Tritanomaly 0.01% of the population

#4b5a97 hex color

#4b5a97 Color Information

#4b5a97 Color Conversion

Color Schemes with #4b5a97

Alternatives to #4b5a97

#4b5a97 Preview

Shades and Tints of #4b5a97

Tones of #4b5a97

Color Blindness Simulator