#5335b4 hex color

In a RGB color space, hex #5335b4 is composed of 32.5% red, 20.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 70.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 254.2 degrees, a saturation of 54.5% and a lightness of 45.7%. #5335b4 color hex could be obtained by blending #a66aff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 21
- B 71
RGB color chart
- C 54
- M 71
- Y 0
- K 29
CMYK color chart

● #5335b4 color description : Moderate blue.

The hexadecimal color #5335b4 has RGB values of R:83, G:53, B:180 and CMYK values of C:0.54, M:0.71, Y:0, K:0.29. Its decimal value is 5453236.

Hex triplet	5335b4	`#5335b4`
RGB Decimal	83, 53, 180	`rgb(83,53,180)`
RGB Percent	32.5, 20.8, 70.6	`rgb(32.5%,20.8%,70.6%)`
CMYK	54, 71, 0, 29
HSL	254.2°, 54.5, 45.7	`hsl(254.2,54.5%,45.7%)`
HSV (or HSB)	254.2°, 70.6, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.308, 45.59, -62.818
XYZ	13.077, 7.68, 43.971
xyY	0.202, 0.119, 7.68
CIE-LCH	33.308, 77.618, 305.971
CIE-LUV	33.308, 1.385, -87.761
Hunter-Lab	27.713, 35.731, -74.673
Binary	01010011, 00110101, 10110100

#5335b4
```
#5335b4 rgb(83,53,180)
```
#96b435
```
#96b435 rgb(150,180,53)
```

Complementary Color

#3557b4
```
#3557b4 rgb(53,87,180)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#9335b4
```
#9335b4 rgb(147,53,180)
```

Analogous Color

#57b435
```
#57b435 rgb(87,180,53)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#b49335
```
#b49335 rgb(180,147,53)
```

Split Complementary Color

#35b453
```
#35b453 rgb(53,180,83)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#b45335
```
#b45335 rgb(180,83,53)
```

Triadic Color

#3596b4
```
#3596b4 rgb(53,150,180)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#b45335
```
#b45335 rgb(180,83,53)
```
#96b435
```
#96b435 rgb(150,180,53)
```

Tetradic Color

#382479
```
#382479 rgb(56,36,121)
```
#41298d
```
#41298d rgb(65,41,141)
```
#4a2fa0
```
#4a2fa0 rgb(74,47,160)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#5d3dc6
```
#5d3dc6 rgb(93,61,198)
```
#6e50cc
```
#6e50cc rgb(110,80,204)
```
#7e64d1
```
#7e64d1 rgb(126,100,209)
```

Monochromatic Color

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

#3537b4
```
#3537b4 rgb(53,55,180)
```
#3e35b4
```
#3e35b4 rgb(62,53,180)
```
#4835b4
```
#4835b4 rgb(72,53,180)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#5e35b4
```
#5e35b4 rgb(94,53,180)
```
#6835b4
```
#6835b4 rgb(104,53,180)
```
#7335b4
```
#7335b4 rgb(115,53,180)
```

Similar Colors

Text with hexadecimal color #5335b4

This text has a font color of #5335b4.

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

#5335b4 background color

This paragraph has a background color of #5335b4.

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

#5335b4 border color

This element has a border color of #5335b4.

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

CSS codes

.text {color:#5335b4;}

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

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

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

#06040d
```
#06040d rgb(6,4,13)
```
#0d081c
```
#0d081c rgb(13,8,28)
```
#140d2c
```
#140d2c rgb(20,13,44)
```
#1b113b
```
#1b113b rgb(27,17,59)
```
#22164a
```
#22164a rgb(34,22,74)
```
#291a59
```
#291a59 rgb(41,26,89)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#372377
```
#372377 rgb(55,35,119)
```
#3e2887
```
#3e2887 rgb(62,40,135)
```
#452c96
```
#452c96 rgb(69,44,150)
```
#4c31a5
```
#4c31a5 rgb(76,49,165)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#5a39c3
```
#5a39c3 rgb(90,57,195)
```

Shade Color Variation

#6647c9
```
#6647c9 rgb(102,71,201)
```
#7356cd
```
#7356cd rgb(115,86,205)
```
#7f66d2
```
#7f66d2 rgb(127,102,210)
```
#8c75d6
```
#8c75d6 rgb(140,117,214)
```
#9884db
```
#9884db rgb(152,132,219)
```
#a593df
```
#a593df rgb(165,147,223)
```
#b2a2e4
```
#b2a2e4 rgb(178,162,228)
```
#beb1e8
```
#beb1e8 rgb(190,177,232)
```
#cbc1ed
```
#cbc1ed rgb(203,193,237)
```
#d8d0f1
```
#d8d0f1 rgb(216,208,241)
```
#e4dff6
```
#e4dff6 rgb(228,223,246)
```
#f1eefa
```
#f1eefa rgb(241,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#747475
```
#747475 rgb(116,116,117)
```
#6f6b7e
```
#6f6b7e rgb(111,107,126)
```
#6b6287
```
#6b6287 rgb(107,98,135)
```
#665990
```
#665990 rgb(102,89,144)
```
#615099
```
#615099 rgb(97,80,153)
```
#5c47a2
```
#5c47a2 rgb(92,71,162)
```
#583eab
```
#583eab rgb(88,62,171)
```
#5335b4
```
#5335b4 rgb(83,53,180)
```
#4e2cbd
```
#4e2cbd rgb(78,44,189)
```
#4a23c6
```
#4a23c6 rgb(74,35,198)
```
#451acf
```
#451acf rgb(69,26,207)
```
#4011d8
```
#4011d8 rgb(64,17,216)
```
#3b08e1
```
#3b08e1 rgb(59,8,225)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d4761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#365d63 Tritanopia 0.001% of the population

Trichromacy

#1e49aa Protanomaly 1% of men, 0.01% of women
#1e4c9d Deuteranomaly 6% of men, 0.4% of women
#404e81 Tritanomaly 0.01% of the population

#5335b4 hex color

#5335b4 Color Information

#5335b4 Color Conversion

Color Schemes with #5335b4

Alternatives to #5335b4

#5335b4 Preview

Shades and Tints of #5335b4

Tones of #5335b4

Color Blindness Simulator