#5334bb hex color

In a RGB color space, hex #5334bb is composed of 32.5% red, 20.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 72.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 253.8 degrees, a saturation of 56.5% and a lightness of 46.9%. #5334bb color hex could be obtained by blending #a668ff with #000077. Closest websafe color is: #6633cc.

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

● #5334bb color description : Moderate blue.

The hexadecimal color #5334bb has RGB values of R:83, G:52, B:187 and CMYK values of C:0.56, M:0.72, Y:0, K:0.27. Its decimal value is 5452987.

Hex triplet	5334bb	`#5334bb`
RGB Decimal	83, 52, 187	`rgb(83,52,187)`
RGB Percent	32.5, 20.4, 73.3	`rgb(32.5%,20.4%,73.3%)`
CMYK	56, 72, 0, 27
HSL	253.8°, 56.5, 46.9	`hsl(253.8,56.5%,46.9%)`
HSV (or HSB)	253.8°, 72.2, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.737, 48.178, -66.258
XYZ	13.763, 7.882, 47.807
xyY	0.198, 0.113, 7.882
CIE-LCH	33.737, 81.922, 306.022
CIE-LUV	33.737, 0.897, -92.435
Hunter-Lab	28.076, 38.372, -81.306
Binary	01010011, 00110100, 10111011

#5334bb
```
#5334bb rgb(83,52,187)
```
#9cbb34
```
#9cbb34 rgb(156,187,52)
```

Complementary Color

#3459bb
```
#3459bb rgb(52,89,187)
```
#5334bb
```
#5334bb rgb(83,52,187)
```
#9734bb
```
#9734bb rgb(151,52,187)
```

Analogous Color

#59bb34
```
#59bb34 rgb(89,187,52)
```
#5334bb
```
#5334bb rgb(83,52,187)
```
#bb9734
```
#bb9734 rgb(187,151,52)
```

Split Complementary Color

#34bb53
```
#34bb53 rgb(52,187,83)
```
#5334bb
```
#5334bb rgb(83,52,187)
```
#bb5334
```
#bb5334 rgb(187,83,52)
```

Triadic Color

#349cbb
```
#349cbb rgb(52,156,187)
```
#5334bb
```
#5334bb rgb(83,52,187)
```
#bb5334
```
#bb5334 rgb(187,83,52)
```
#9cbb34
```
#9cbb34 rgb(156,187,52)
```

Tetradic Color

#38237f
```
#38237f rgb(56,35,127)
```
#412993
```
#412993 rgb(65,41,147)
```
#4a2ea7
```
#4a2ea7 rgb(74,46,167)
```
#5334bb
```
#5334bb rgb(83,52,187)
```
#5f3fca
```
#5f3fca rgb(95,63,202)
```
#6f53cf
```
#6f53cf rgb(111,83,207)
```
#8067d5
```
#8067d5 rgb(128,103,213)
```

Monochromatic Color

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

#3437bb
```
#3437bb rgb(52,55,187)
```
#3c34bb
```
#3c34bb rgb(60,52,187)
```
#4834bb
```
#4834bb rgb(72,52,187)
```
#5334bb
```
#5334bb rgb(83,52,187)
```
#5e34bb
```
#5e34bb rgb(94,52,187)
```
#6a34bb
```
#6a34bb rgb(106,52,187)
```
#7534bb
```
#7534bb rgb(117,52,187)
```

Similar Colors

Text with hexadecimal color #5334bb

This text has a font color of #5334bb.

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

#5334bb background color

This paragraph has a background color of #5334bb.

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

#5334bb border color

This element has a border color of #5334bb.

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

CSS codes

.text {color:#5334bb;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080512
```
#080512 rgb(8,5,18)
```
#0f0922
```
#0f0922 rgb(15,9,34)
```
#160e31
```
#160e31 rgb(22,14,49)
```
#1d1240
```
#1d1240 rgb(29,18,64)
```
#231650
```
#231650 rgb(35,22,80)
```
#2a1a5f
```
#2a1a5f rgb(42,26,95)
```
#311f6e
```
#311f6e rgb(49,31,110)
```
#38237e
```
#38237e rgb(56,35,126)
```
#3f278d
```
#3f278d rgb(63,39,141)
```
#452b9c
```
#452b9c rgb(69,43,156)
```
#4c30ac
```
#4c30ac rgb(76,48,172)
```
#5334bb
```
#5334bb rgb(83,52,187)
```

Shade Color Variation

#5b3ac8
```
#5b3ac8 rgb(91,58,200)
```
#684acd
```
#684acd rgb(104,74,205)
```
#7559d1
```
#7559d1 rgb(117,89,209)
```
#8168d5
```
#8168d5 rgb(129,104,213)
```
#8e78d9
```
#8e78d9 rgb(142,120,217)
```
#9b87de
```
#9b87de rgb(155,135,222)
```
#a896e2
```
#a896e2 rgb(168,150,226)
```
#b5a6e6
```
#b5a6e6 rgb(181,166,230)
```
#c1b5ea
```
#c1b5ea rgb(193,181,234)
```
#cec4ef
```
#cec4ef rgb(206,196,239)
```
#dbd4f3
```
#dbd4f3 rgb(219,212,243)
```
#e8e3f7
```
#e8e3f7 rgb(232,227,247)
```
#f5f2fc
```
#f5f2fc rgb(245,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76747b is the less saturated color, while #3a06e9 is the most saturated one.

#76747b
```
#76747b rgb(118,116,123)
```
#716b84
```
#716b84 rgb(113,107,132)
```
#6c628d
```
#6c628d rgb(108,98,141)
```
#675996
```
#675996 rgb(103,89,150)
```
#62509f
```
#62509f rgb(98,80,159)
```
#5d46a9
```
#5d46a9 rgb(93,70,169)
```
#583db2
```
#583db2 rgb(88,61,178)
```
#5334bb
```
#5334bb rgb(83,52,187)
```
#4e2bc4
```
#4e2bc4 rgb(78,43,196)
```
#4922cd
```
#4922cd rgb(73,34,205)
```
#4418d7
```
#4418d7 rgb(68,24,215)
```
#3f0fe0
```
#3f0fe0 rgb(63,15,224)
```
#3a06e9
```
#3a06e9 rgb(58,6,233)
```

Tone Color Variation

Below, you can see how #5334bb 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
#4e4863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005a92 Deuteranopia 1% of men
#305f65 Tritanopia 0.001% of the population

Trichromacy

#1e49ae Protanomaly 1% of men, 0.01% of women
#1e4ca0 Deuteranomaly 6% of men, 0.4% of women
#3d4f84 Tritanomaly 0.01% of the population

#5334bb hex color

#5334bb Color Information

#5334bb Color Conversion

Color Schemes with #5334bb

Alternatives to #5334bb

#5334bb Preview

Shades and Tints of #5334bb

Tones of #5334bb

Color Blindness Simulator