#5135bb hex color

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

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

● #5135bb color description : Moderate blue.

The hexadecimal color #5135bb has RGB values of R:81, G:53, B:187 and CMYK values of C:0.57, M:0.72, Y:0, K:0.27. Its decimal value is 5322171.

Hex triplet	5135bb	`#5135bb`
RGB Decimal	81, 53, 187	`rgb(81,53,187)`
RGB Percent	31.8, 20.8, 73.3	`rgb(31.8%,20.8%,73.3%)`
CMYK	57, 72, 0, 27
HSL	252.5°, 55.8, 47.1	`hsl(252.5,55.8%,47.1%)`
HSV (or HSB)	252.5°, 71.7, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.738, 47.352, -66.263
XYZ	13.634, 7.883, 47.814
xyY	0.197, 0.114, 7.883
CIE-LCH	33.738, 81.443, 305.55
CIE-LUV	33.738, 0.108, -92.389
Hunter-Lab	28.077, 37.548, -81.316
Binary	01010001, 00110101, 10111011

#5135bb
```
#5135bb rgb(81,53,187)
```
#9fbb35
```
#9fbb35 rgb(159,187,53)
```

Complementary Color

#355cbb
```
#355cbb rgb(53,92,187)
```
#5135bb
```
#5135bb rgb(81,53,187)
```
#9435bb
```
#9435bb rgb(148,53,187)
```

Analogous Color

#5cbb35
```
#5cbb35 rgb(92,187,53)
```
#5135bb
```
#5135bb rgb(81,53,187)
```
#bb9435
```
#bb9435 rgb(187,148,53)
```

Split Complementary Color

#35bb51
```
#35bb51 rgb(53,187,81)
```
#5135bb
```
#5135bb rgb(81,53,187)
```
#bb5135
```
#bb5135 rgb(187,81,53)
```

Triadic Color

#359fbb
```
#359fbb rgb(53,159,187)
```
#5135bb
```
#5135bb rgb(81,53,187)
```
#bb5135
```
#bb5135 rgb(187,81,53)
```
#9fbb35
```
#9fbb35 rgb(159,187,53)
```

Tetradic Color

#37247f
```
#37247f rgb(55,36,127)
```
#402a93
```
#402a93 rgb(64,42,147)
```
#482fa7
```
#482fa7 rgb(72,47,167)
```
#5135bb
```
#5135bb rgb(81,53,187)
```
#5d40c9
```
#5d40c9 rgb(93,64,201)
```
#6e54cf
```
#6e54cf rgb(110,84,207)
```
#7f68d4
```
#7f68d4 rgb(127,104,212)
```

Monochromatic Color

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

#353bbb
```
#353bbb rgb(53,59,187)
```
#3b35bb
```
#3b35bb rgb(59,53,187)
```
#4635bb
```
#4635bb rgb(70,53,187)
```
#5135bb
```
#5135bb rgb(81,53,187)
```
#5c35bb
```
#5c35bb rgb(92,53,187)
```
#6735bb
```
#6735bb rgb(103,53,187)
```
#7335bb
```
#7335bb rgb(115,53,187)
```

Similar Colors

Text with hexadecimal color #5135bb

This text has a font color of #5135bb.

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

#5135bb background color

This paragraph has a background color of #5135bb.

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

#5135bb border color

This element has a border color of #5135bb.

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

CSS codes

.text {color:#5135bb;}

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

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

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)
```
#150e31
```
#150e31 rgb(21,14,49)
```
#1c1241
```
#1c1241 rgb(28,18,65)
```
#231750
```
#231750 rgb(35,23,80)
```
#291b5f
```
#291b5f rgb(41,27,95)
```
#301f6f
```
#301f6f rgb(48,31,111)
```
#37247e
```
#37247e rgb(55,36,126)
```
#3d288d
```
#3d288d rgb(61,40,141)
```
#442c9c
```
#442c9c rgb(68,44,156)
```
#4a31ac
```
#4a31ac rgb(74,49,172)
```
#5135bb
```
#5135bb rgb(81,53,187)
```

Shade Color Variation

#593cc8
```
#593cc8 rgb(89,60,200)
```
#664bcc
```
#664bcc rgb(102,75,204)
```
#735ad0
```
#735ad0 rgb(115,90,208)
```
#806ad5
```
#806ad5 rgb(128,106,213)
```
#8d79d9
```
#8d79d9 rgb(141,121,217)
```
#9a88dd
```
#9a88dd rgb(154,136,221)
```
#a798e2
```
#a798e2 rgb(167,152,226)
```
#b4a7e6
```
#b4a7e6 rgb(180,167,230)
```
#c1b6ea
```
#c1b6ea rgb(193,182,234)
```
#cec5ef
```
#cec5ef rgb(206,197,239)
```
#dbd5f3
```
#dbd5f3 rgb(219,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 #3607e9 is the most saturated one.

#77767a
```
#77767a rgb(119,118,122)
```
#716c84
```
#716c84 rgb(113,108,132)
```
#6c638d
```
#6c638d rgb(108,99,141)
```
#665a96
```
#665a96 rgb(102,90,150)
```
#61519f
```
#61519f rgb(97,81,159)
```
#5c47a9
```
#5c47a9 rgb(92,71,169)
```
#563eb2
```
#563eb2 rgb(86,62,178)
```
#5135bb
```
#5135bb rgb(81,53,187)
```
#4c2cc4
```
#4c2cc4 rgb(76,44,196)
```
#4623cd
```
#4623cd rgb(70,35,205)
```
#4119d7
```
#4119d7 rgb(65,25,215)
```
#3c10e0
```
#3c10e0 rgb(60,16,224)
```
#3607e9
```
#3607e9 rgb(54,7,233)
```

Tone Color Variation

Below, you can see how #5135bb 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
#2b5f66 Tritanopia 0.001% of the population

Trichromacy

#1d49ae Protanomaly 1% of men, 0.01% of women
#1d4da0 Deuteranomaly 6% of men, 0.4% of women
#395085 Tritanomaly 0.01% of the population

#5135bb hex color

#5135bb Color Information

#5135bb Color Conversion

Color Schemes with #5135bb

Alternatives to #5135bb

#5135bb Preview

Shades and Tints of #5135bb

Tones of #5135bb

Color Blindness Simulator