#5155a8 hex color

In a RGB color space, hex #5155a8 is composed of 31.8% red, 33.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 49.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 237.2 degrees, a saturation of 34.9% and a lightness of 48.8%. #5155a8 color hex could be obtained by blending #a2aaff with #000051. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 33
- B 66
RGB color chart
- C 52
- M 49
- Y 0
- K 34
CMYK color chart

● #5155a8 color description : Dark moderate blue.

The hexadecimal color #5155a8 has RGB values of R:81, G:85, B:168 and CMYK values of C:0.52, M:0.49, Y:0, K:0.34. Its decimal value is 5330344.

Hex triplet	5155a8	`#5155a8`
RGB Decimal	81, 85, 168	`rgb(81,85,168)`
RGB Percent	31.8, 33.3, 65.9	`rgb(31.8%,33.3%,65.9%)`
CMYK	52, 49, 0, 34
HSL	237.2°, 34.9, 48.8	`hsl(237.2,34.9%,48.8%)`
HSV (or HSB)	237.2°, 51.8, 65.9
Web Safe	666699	`#666699`

CIE-LAB	39.703, 22.112, -45.336
XYZ	13.708, 11.073, 38.459
xyY	0.217, 0.175, 11.073
CIE-LCH	39.703, 50.441, 296
CIE-LUV	39.703, -6.233, -67.47
Hunter-Lab	33.276, 15.301, -45.231
Binary	01010001, 01010101, 10101000

#5155a8
```
#5155a8 rgb(81,85,168)
```
#a8a451
```
#a8a451 rgb(168,164,81)
```

Complementary Color

#5181a8
```
#5181a8 rgb(81,129,168)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```
#7951a8
```
#7951a8 rgb(121,81,168)
```

Analogous Color

#81a851
```
#81a851 rgb(129,168,81)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```
#a87951
```
#a87951 rgb(168,121,81)
```

Split Complementary Color

#55a851
```
#55a851 rgb(85,168,81)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```
#a85155
```
#a85155 rgb(168,81,85)
```

Triadic Color

#51a8a4
```
#51a8a4 rgb(81,168,164)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```
#a85155
```
#a85155 rgb(168,81,85)
```
#a8a451
```
#a8a451 rgb(168,164,81)
```

Tetradic Color

#383b74
```
#383b74 rgb(56,59,116)
```
#404486
```
#404486 rgb(64,68,134)
```
#494c97
```
#494c97 rgb(73,76,151)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```
#6064b2
```
#6064b2 rgb(96,100,178)
```
#7175bb
```
#7175bb rgb(113,117,187)
```
#8385c3
```
#8385c3 rgb(131,133,195)
```

Monochromatic Color

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

#516ba8
```
#516ba8 rgb(81,107,168)
```
#5164a8
```
#5164a8 rgb(81,100,168)
```
#515ca8
```
#515ca8 rgb(81,92,168)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```
#5451a8
```
#5451a8 rgb(84,81,168)
```
#5c51a8
```
#5c51a8 rgb(92,81,168)
```
#6351a8
```
#6351a8 rgb(99,81,168)
```

Similar Colors

Text with hexadecimal color #5155a8

This text has a font color of #5155a8.

<span style="color:#5155a8;">Text here</span>

#5155a8 background color

This paragraph has a background color of #5155a8.

<p style="background-color:#5155a8;">Content here</p>

#5155a8 border color

This element has a border color of #5155a8.

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

CSS codes

.text {color:#5155a8;}

.background {background-color:#5155a8;}

.border {border:1px solid #5155a8;}

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

#040509
```
#040509 rgb(4,5,9)
```
#0b0b16
```
#0b0b16 rgb(11,11,22)
```
#111224
```
#111224 rgb(17,18,36)
```
#181931
```
#181931 rgb(24,25,49)
```
#1e1f3e
```
#1e1f3e rgb(30,31,62)
```
#24264b
```
#24264b rgb(36,38,75)
```
#2b2d59
```
#2b2d59 rgb(43,45,89)
```
#313466
```
#313466 rgb(49,52,102)
```
#373a73
```
#373a73 rgb(55,58,115)
```
#3e4180
```
#3e4180 rgb(62,65,128)
```
#44488e
```
#44488e rgb(68,72,142)
```
#4b4e9b
```
#4b4e9b rgb(75,78,155)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```

Shade Color Variation

#5c60b0
```
#5c60b0 rgb(92,96,176)
```
#696db7
```
#696db7 rgb(105,109,183)
```
#777abd
```
#777abd rgb(119,122,189)
```
#8487c4
```
#8487c4 rgb(132,135,196)
```
#9194ca
```
#9194ca rgb(145,148,202)
```
#9ea1d0
```
#9ea1d0 rgb(158,161,208)
```
#acaed7
```
#acaed7 rgb(172,174,215)
```
#b9badd
```
#b9badd rgb(185,186,221)
```
#c6c7e4
```
#c6c7e4 rgb(198,199,228)
```
#d3d4ea
```
#d3d4ea rgb(211,212,234)
```
#e0e1f0
```
#e0e1f0 rgb(224,225,240)
```
#eeeef7
```
#eeeef7 rgb(238,238,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#777882
```
#777882 rgb(119,120,130)
```
#6e6f8b
```
#6e6f8b rgb(110,111,139)
```
#646695
```
#646695 rgb(100,102,149)
```
#5b5e9e
```
#5b5e9e rgb(91,94,158)
```
#5155a8
```
#5155a8 rgb(81,85,168)
```
#474cb2
```
#474cb2 rgb(71,76,178)
```
#3e44bb
```
#3e44bb rgb(62,68,187)
```
#343bc5
```
#343bc5 rgb(52,59,197)
```
#2b32ce
```
#2b32ce rgb(43,50,206)
```
#212ad8
```
#212ad8 rgb(33,42,216)
```
#1821e1
```
#1821e1 rgb(24,33,225)
```
#0e18eb
```
#0e18eb rgb(14,24,235)
```
#040ff5
```
#040ff5 rgb(4,15,245)
```

Tone Color Variation

Below, you can see how #5155a8 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

#5d5d5d Achromatopsia 0.005% of the population
#5b5b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3963b1 Protanopia 1% of men
#2767a8 Deuteranopia 1% of men
#426c74 Tritanopia 0.001% of the population

Trichromacy

#425ead Protanomaly 1% of men, 0.01% of women
#3660a8 Deuteranomaly 6% of men, 0.4% of women
#476386 Tritanomaly 0.01% of the population

#5155a8 hex color

#5155a8 Color Information

#5155a8 Color Conversion

Color Schemes with #5155a8

Alternatives to #5155a8

#5155a8 Preview

Shades and Tints of #5155a8

Tones of #5155a8

Color Blindness Simulator