#5337b1 hex color

In a RGB color space, hex #5337b1 is composed of 32.5% red, 21.6% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 68.9% magenta, 0% yellow and 30.6% black. It has a hue angle of 253.8 degrees, a saturation of 52.6% and a lightness of 45.5%. #5337b1 color hex could be obtained by blending #a66eff with #000063. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 22
- B 69
RGB color chart
- C 53
- M 69
- Y 0
- K 31
CMYK color chart

● #5337b1 color description : Dark moderate blue.

The hexadecimal color #5337b1 has RGB values of R:83, G:55, B:177 and CMYK values of C:0.53, M:0.69, Y:0, K:0.31. Its decimal value is 5453745.

Hex triplet	5337b1	`#5337b1`
RGB Decimal	83, 55, 177	`rgb(83,55,177)`
RGB Percent	32.5, 21.6, 69.4	`rgb(32.5%,21.6%,69.4%)`
CMYK	53, 69, 0, 31
HSL	253.8°, 52.6, 45.5	`hsl(253.8,52.6%,45.5%)`
HSV (or HSB)	253.8°, 68.9, 69.4
Web Safe	663399	`#663399`

CIE-LAB	33.447, 43.606, -60.807
XYZ	12.868, 7.745, 42.41
xyY	0.204, 0.123, 7.745
CIE-LCH	33.447, 74.826, 305.645
CIE-LUV	33.447, 1.305, -85.367
Hunter-Lab	27.831, 33.828, -70.868
Binary	01010011, 00110111, 10110001

#5337b1
```
#5337b1 rgb(83,55,177)
```
#95b137
```
#95b137 rgb(149,177,55)
```

Complementary Color

#3758b1
```
#3758b1 rgb(55,88,177)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#9037b1
```
#9037b1 rgb(144,55,177)
```

Analogous Color

#58b137
```
#58b137 rgb(88,177,55)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#b19037
```
#b19037 rgb(177,144,55)
```

Split Complementary Color

#37b153
```
#37b153 rgb(55,177,83)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#b15337
```
#b15337 rgb(177,83,55)
```

Triadic Color

#3795b1
```
#3795b1 rgb(55,149,177)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#b15337
```
#b15337 rgb(177,83,55)
```
#95b137
```
#95b137 rgb(149,177,55)
```

Tetradic Color

#382577
```
#382577 rgb(56,37,119)
```
#412b8a
```
#412b8a rgb(65,43,138)
```
#4a319e
```
#4a319e rgb(74,49,158)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#5d3ec3
```
#5d3ec3 rgb(93,62,195)
```
#6d52c9
```
#6d52c9 rgb(109,82,201)
```
#7e65cf
```
#7e65cf rgb(126,101,207)
```

Monochromatic Color

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

#373ab1
```
#373ab1 rgb(55,58,177)
```
#3f37b1
```
#3f37b1 rgb(63,55,177)
```
#4937b1
```
#4937b1 rgb(73,55,177)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#5d37b1
```
#5d37b1 rgb(93,55,177)
```
#6737b1
```
#6737b1 rgb(103,55,177)
```
#7237b1
```
#7237b1 rgb(114,55,177)
```

Similar Colors

Text with hexadecimal color #5337b1

This text has a font color of #5337b1.

<span style="color:#5337b1;">Text here</span>

#5337b1 background color

This paragraph has a background color of #5337b1.

<p style="background-color:#5337b1;">Content here</p>

#5337b1 border color

This element has a border color of #5337b1.

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

CSS codes

.text {color:#5337b1;}

.background {background-color:#5337b1;}

.border {border:1px solid #5337b1;}

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, #06040c is the darkest color, while #fdfcfe is the lightest one.

#06040c
```
#06040c rgb(6,4,12)
```
#0d081b
```
#0d081b rgb(13,8,27)
```
#140d2a
```
#140d2a rgb(20,13,42)
```
#1b1239
```
#1b1239 rgb(27,18,57)
```
#221648
```
#221648 rgb(34,22,72)
```
#291b57
```
#291b57 rgb(41,27,87)
```
#302066
```
#302066 rgb(48,32,102)
```
#372475
```
#372475 rgb(55,36,117)
```
#3e2984
```
#3e2984 rgb(62,41,132)
```
#452e93
```
#452e93 rgb(69,46,147)
```
#4c32a2
```
#4c32a2 rgb(76,50,162)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#5a3cc0
```
#5a3cc0 rgb(90,60,192)
```

Shade Color Variation

#6649c6
```
#6649c6 rgb(102,73,198)
```
#7258cb
```
#7258cb rgb(114,88,203)
```
#7f67d0
```
#7f67d0 rgb(127,103,208)
```
#8b76d4
```
#8b76d4 rgb(139,118,212)
```
#9885d9
```
#9885d9 rgb(152,133,217)
```
#a594de
```
#a594de rgb(165,148,222)
```
#b1a3e2
```
#b1a3e2 rgb(177,163,226)
```
#beb2e7
```
#beb2e7 rgb(190,178,231)
```
#cac1ec
```
#cac1ec rgb(202,193,236)
```
#d7d0f0
```
#d7d0f0 rgb(215,208,240)
```
#e4def5
```
#e4def5 rgb(228,222,245)
```
#f0edfa
```
#f0edfa rgb(240,237,250)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706d7b is the less saturated color, while #3601e7 is the most saturated one.

#706d7b
```
#706d7b rgb(112,109,123)
```
#6b6484
```
#6b6484 rgb(107,100,132)
```
#665b8d
```
#665b8d rgb(102,91,141)
```
#615296
```
#615296 rgb(97,82,150)
```
#5d499f
```
#5d499f rgb(93,73,159)
```
#5840a8
```
#5840a8 rgb(88,64,168)
```
#5337b1
```
#5337b1 rgb(83,55,177)
```
#4e2eba
```
#4e2eba rgb(78,46,186)
```
#4925c3
```
#4925c3 rgb(73,37,195)
```
#451ccc
```
#451ccc rgb(69,28,204)
```
#4013d5
```
#4013d5 rgb(64,19,213)
```
#3b0ade
```
#3b0ade rgb(59,10,222)
```
#3601e7
```
#3601e7 rgb(54,1,231)
```

Tone Color Variation

Below, you can see how #5337b1 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

#4d4d4d Achromatopsia 0.005% of the population
#4e4961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#395d64 Tritanopia 0.001% of the population

Trichromacy

#1e4aaa Protanomaly 1% of men, 0.01% of women
#1e4d9d Deuteranomaly 6% of men, 0.4% of women
#424f80 Tritanomaly 0.01% of the population

#5337b1 hex color

#5337b1 Color Information

#5337b1 Color Conversion

Color Schemes with #5337b1

Alternatives to #5337b1

#5337b1 Preview

Shades and Tints of #5337b1

Tones of #5337b1

Color Blindness Simulator