#5338bb hex color

In a RGB color space, hex #5338bb is composed of 32.5% red, 22% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 70.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 252.4 degrees, a saturation of 53.9% and a lightness of 47.6%. #5338bb color hex could be obtained by blending #a670ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 22
- B 73
RGB color chart
- C 56
- M 70
- Y 0
- K 27
CMYK color chart

● #5338bb color description : Moderate blue.

The hexadecimal color #5338bb has RGB values of R:83, G:56, B:187 and CMYK values of C:0.56, M:0.7, Y:0, K:0.27. Its decimal value is 5454011.

Hex triplet	5338bb	`#5338bb`
RGB Decimal	83, 56, 187	`rgb(83,56,187)`
RGB Percent	32.5, 22, 73.3	`rgb(32.5%,22%,73.3%)`
CMYK	56, 70, 0, 27
HSL	252.4°, 53.9, 47.6	`hsl(252.4,53.9%,47.6%)`
HSV (or HSB)	252.4°, 70.1, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.508, 46.033, -64.994
XYZ	13.949, 8.255, 47.869
xyY	0.199, 0.118, 8.255
CIE-LCH	34.508, 79.644, 305.309
CIE-LUV	34.508, 0.207, -91.652
Hunter-Lab	28.731, 36.385, -78.672
Binary	01010011, 00111000, 10111011

#5338bb
```
#5338bb rgb(83,56,187)
```
#a0bb38
```
#a0bb38 rgb(160,187,56)
```

Complementary Color

#385fbb
```
#385fbb rgb(56,95,187)
```
#5338bb
```
#5338bb rgb(83,56,187)
```
#9538bb
```
#9538bb rgb(149,56,187)
```

Analogous Color

#5fbb38
```
#5fbb38 rgb(95,187,56)
```
#5338bb
```
#5338bb rgb(83,56,187)
```
#bb9538
```
#bb9538 rgb(187,149,56)
```

Split Complementary Color

#38bb53
```
#38bb53 rgb(56,187,83)
```
#5338bb
```
#5338bb rgb(83,56,187)
```
#bb5338
```
#bb5338 rgb(187,83,56)
```

Triadic Color

#38a0bb
```
#38a0bb rgb(56,160,187)
```
#5338bb
```
#5338bb rgb(83,56,187)
```
#bb5338
```
#bb5338 rgb(187,83,56)
```
#a0bb38
```
#a0bb38 rgb(160,187,56)
```

Tetradic Color

#392680
```
#392680 rgb(57,38,128)
```
#422c94
```
#422c94 rgb(66,44,148)
```
#4a32a7
```
#4a32a7 rgb(74,50,167)
```
#5338bb
```
#5338bb rgb(83,56,187)
```
#6045c7
```
#6045c7 rgb(96,69,199)
```
#7159cd
```
#7159cd rgb(113,89,205)
```
#826cd3
```
#826cd3 rgb(130,108,211)
```

Monochromatic Color

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

#383ebb
```
#383ebb rgb(56,62,187)
```
#3d38bb
```
#3d38bb rgb(61,56,187)
```
#4838bb
```
#4838bb rgb(72,56,187)
```
#5338bb
```
#5338bb rgb(83,56,187)
```
#5e38bb
```
#5e38bb rgb(94,56,187)
```
#6938bb
```
#6938bb rgb(105,56,187)
```
#7438bb
```
#7438bb rgb(116,56,187)
```

Similar Colors

Text with hexadecimal color #5338bb

This text has a font color of #5338bb.

<span style="color:#5338bb;">Text here</span>

#5338bb background color

This paragraph has a background color of #5338bb.

<p style="background-color:#5338bb;">Content here</p>

#5338bb border color

This element has a border color of #5338bb.

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

CSS codes

.text {color:#5338bb;}

.background {background-color:#5338bb;}

.border {border:1px solid #5338bb;}

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

#030206
```
#030206 rgb(3,2,6)
```
#090615
```
#090615 rgb(9,6,21)
```
#100b24
```
#100b24 rgb(16,11,36)
```
#170f33
```
#170f33 rgb(23,15,51)
```
#1d1442
```
#1d1442 rgb(29,20,66)
```
#241851
```
#241851 rgb(36,24,81)
```
#2b1d60
```
#2b1d60 rgb(43,29,96)
```
#322170
```
#322170 rgb(50,33,112)
```
#38267f
```
#38267f rgb(56,38,127)
```
#3f2a8e
```
#3f2a8e rgb(63,42,142)
```
#462f9d
```
#462f9d rgb(70,47,157)
```
#4c33ac
```
#4c33ac rgb(76,51,172)
```
#5338bb
```
#5338bb rgb(83,56,187)
```

Shade Color Variation

#5c41c6
```
#5c41c6 rgb(92,65,198)
```
#6950cb
```
#6950cb rgb(105,80,203)
```
#765fcf
```
#765fcf rgb(118,95,207)
```
#836ed4
```
#836ed4 rgb(131,110,212)
```
#907dd8
```
#907dd8 rgb(144,125,216)
```
#9d8cdd
```
#9d8cdd rgb(157,140,221)
```
#aa9be1
```
#aa9be1 rgb(170,155,225)
```
#b7aae6
```
#b7aae6 rgb(183,170,230)
```
#c3b9ea
```
#c3b9ea rgb(195,185,234)
```
#d0c8ef
```
#d0c8ef rgb(208,200,239)
```
#ddd8f3
```
#ddd8f3 rgb(221,216,243)
```
#eae7f8
```
#eae7f8 rgb(234,231,248)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79797a is the less saturated color, while #3809ea is the most saturated one.

#79797a
```
#79797a rgb(121,121,122)
```
#747083
```
#747083 rgb(116,112,131)
```
#6e678c
```
#6e678c rgb(110,103,140)
```
#695d96
```
#695d96 rgb(105,93,150)
```
#63549f
```
#63549f rgb(99,84,159)
```
#5e4ba8
```
#5e4ba8 rgb(94,75,168)
```
#5841b2
```
#5841b2 rgb(88,65,178)
```
#5338bb
```
#5338bb rgb(83,56,187)
```
#4e2fc4
```
#4e2fc4 rgb(78,47,196)
```
#4825ce
```
#4825ce rgb(72,37,206)
```
#431cd7
```
#431cd7 rgb(67,28,215)
```
#3d13e0
```
#3d13e0 rgb(61,19,224)
```
#3809ea
```
#3809ea rgb(56,9,234)
```

Tone Color Variation

Below, you can see how #5338bb 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

#4f4f4f Achromatopsia 0.005% of the population
#504a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#316067 Tritanopia 0.001% of the population

Trichromacy

#1e4cb0 Protanomaly 1% of men, 0.01% of women
#1e4fa2 Deuteranomaly 6% of men, 0.4% of women
#3d5186 Tritanomaly 0.01% of the population

#5338bb hex color

#5338bb Color Information

#5338bb Color Conversion

Color Schemes with #5338bb

Alternatives to #5338bb

#5338bb Preview

Shades and Tints of #5338bb

Tones of #5338bb

Color Blindness Simulator