#5335bb hex color

In a RGB color space, hex #5335bb is composed of 32.5% red, 20.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 71.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 253.4 degrees, a saturation of 55.8% and a lightness of 47.1%. #5335bb color hex could be obtained by blending #a66aff with #000077. Closest websafe color is: #6633cc.

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

● #5335bb color description : Moderate blue.

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

Hex triplet	5335bb	`#5335bb`
RGB Decimal	83, 53, 187	`rgb(83,53,187)`
RGB Percent	32.5, 20.8, 73.3	`rgb(32.5%,20.8%,73.3%)`
CMYK	56, 72, 0, 27
HSL	253.4°, 55.8, 47.1	`hsl(253.4,55.8%,47.1%)`
HSV (or HSB)	253.4°, 71.7, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.926, 47.65, -65.948
XYZ	13.808, 7.973, 47.822
xyY	0.198, 0.115, 7.973
CIE-LCH	33.926, 81.361, 305.85
CIE-LUV	33.926, 0.73, -92.252
Hunter-Lab	28.236, 37.88, -80.652
Binary	01010011, 00110101, 10111011

#5335bb
```
#5335bb rgb(83,53,187)
```
#9dbb35
```
#9dbb35 rgb(157,187,53)
```

Complementary Color

#355abb
```
#355abb rgb(53,90,187)
```
#5335bb
```
#5335bb rgb(83,53,187)
```
#9635bb
```
#9635bb rgb(150,53,187)
```

Analogous Color

#5abb35
```
#5abb35 rgb(90,187,53)
```
#5335bb
```
#5335bb rgb(83,53,187)
```
#bb9635
```
#bb9635 rgb(187,150,53)
```

Split Complementary Color

#35bb53
```
#35bb53 rgb(53,187,83)
```
#5335bb
```
#5335bb rgb(83,53,187)
```
#bb5335
```
#bb5335 rgb(187,83,53)
```

Triadic Color

#359dbb
```
#359dbb rgb(53,157,187)
```
#5335bb
```
#5335bb rgb(83,53,187)
```
#bb5335
```
#bb5335 rgb(187,83,53)
```
#9dbb35
```
#9dbb35 rgb(157,187,53)
```

Tetradic Color

#39247f
```
#39247f rgb(57,36,127)
```
#412a93
```
#412a93 rgb(65,42,147)
```
#4a2fa7
```
#4a2fa7 rgb(74,47,167)
```
#5335bb
```
#5335bb rgb(83,53,187)
```
#5f40c9
```
#5f40c9 rgb(95,64,201)
```
#7054cf
```
#7054cf rgb(112,84,207)
```
#8068d4
```
#8068d4 rgb(128,104,212)
```

Monochromatic Color

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

#3539bb
```
#3539bb rgb(53,57,187)
```
#3d35bb
```
#3d35bb rgb(61,53,187)
```
#4835bb
```
#4835bb rgb(72,53,187)
```
#5335bb
```
#5335bb rgb(83,53,187)
```
#5e35bb
```
#5e35bb rgb(94,53,187)
```
#6935bb
```
#6935bb rgb(105,53,187)
```
#7535bb
```
#7535bb rgb(117,53,187)
```

Similar Colors

Text with hexadecimal color #5335bb

This text has a font color of #5335bb.

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

#5335bb background color

This paragraph has a background color of #5335bb.

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

#5335bb border color

This element has a border color of #5335bb.

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

CSS codes

.text {color:#5335bb;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080513
```
#080513 rgb(8,5,19)
```
#0f0a22
```
#0f0a22 rgb(15,10,34)
```
#160e31
```
#160e31 rgb(22,14,49)
```
#1d1241
```
#1d1241 rgb(29,18,65)
```
#241750
```
#241750 rgb(36,23,80)
```
#2a1b5f
```
#2a1b5f rgb(42,27,95)
```
#311f6f
```
#311f6f rgb(49,31,111)
```
#38247e
```
#38247e rgb(56,36,126)
```
#3f288d
```
#3f288d rgb(63,40,141)
```
#452c9c
```
#452c9c rgb(69,44,156)
```
#4c31ac
```
#4c31ac rgb(76,49,172)
```
#5335bb
```
#5335bb rgb(83,53,187)
```

Shade Color Variation

#5b3cc8
```
#5b3cc8 rgb(91,60,200)
```
#684bcc
```
#684bcc rgb(104,75,204)
```
#755ad0
```
#755ad0 rgb(117,90,208)
```
#826ad5
```
#826ad5 rgb(130,106,213)
```
#8f79d9
```
#8f79d9 rgb(143,121,217)
```
#9b88dd
```
#9b88dd rgb(155,136,221)
```
#a898e2
```
#a898e2 rgb(168,152,226)
```
#b5a7e6
```
#b5a7e6 rgb(181,167,230)
```
#c2b6ea
```
#c2b6ea rgb(194,182,234)
```
#cfc5ef
```
#cfc5ef rgb(207,197,239)
```
#dcd5f3
```
#dcd5f3 rgb(220,213,243)
```
#e8e4f7
```
#e8e4f7 rgb(232,228,247)
```
#f5f3fc
```
#f5f3fc rgb(245,243,252)
```

Tint Color Variation

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

#77767a
```
#77767a rgb(119,118,122)
```
#726c84
```
#726c84 rgb(114,108,132)
```
#6c638d
```
#6c638d rgb(108,99,141)
```
#675a96
```
#675a96 rgb(103,90,150)
```
#62519f
```
#62519f rgb(98,81,159)
```
#5d47a9
```
#5d47a9 rgb(93,71,169)
```
#583eb2
```
#583eb2 rgb(88,62,178)
```
#5335bb
```
#5335bb rgb(83,53,187)
```
#4e2cc4
```
#4e2cc4 rgb(78,44,196)
```
#4923cd
```
#4923cd rgb(73,35,205)
```
#4419d7
```
#4419d7 rgb(68,25,215)
```
#3f10e0
```
#3f10e0 rgb(63,16,224)
```
#3a07e9
```
#3a07e9 rgb(58,7,233)
```

Tone Color Variation

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

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#305f66 Tritanopia 0.001% of the population

Trichromacy

#1e4aaf Protanomaly 1% of men, 0.01% of women
#1e4da1 Deuteranomaly 6% of men, 0.4% of women
#3d5085 Tritanomaly 0.01% of the population

#5335bb hex color

#5335bb Color Information

#5335bb Color Conversion

Color Schemes with #5335bb

Alternatives to #5335bb

#5335bb Preview

Shades and Tints of #5335bb

Tones of #5335bb

Color Blindness Simulator