#5154c6 hex color

In a RGB color space, hex #5154c6 is composed of 31.8% red, 32.9% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 57.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 238.5 degrees, a saturation of 50.6% and a lightness of 54.7%. #5154c6 color hex could be obtained by blending #a2a8ff with #00008d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 33
- B 78
RGB color chart
- C 59
- M 58
- Y 0
- K 22
CMYK color chart

● #5154c6 color description : Moderate blue.

The hexadecimal color #5154c6 has RGB values of R:81, G:84, B:198 and CMYK values of C:0.59, M:0.58, Y:0, K:0.22. Its decimal value is 5330118.

Hex triplet	5154c6	`#5154c6`
RGB Decimal	81, 84, 198	`rgb(81,84,198)`
RGB Percent	31.8, 32.9, 77.6	`rgb(31.8%,32.9%,77.6%)`
CMYK	59, 58, 0, 22
HSL	238.5°, 50.6, 54.7	`hsl(238.5,50.6%,54.7%)`
HSV (or HSB)	238.5°, 59.1, 77.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.479, 32.595, -60.071
XYZ	16.755, 12.166, 54.888
xyY	0.2, 0.145, 12.166
CIE-LCH	41.479, 68.344, 298.485
CIE-LUV	41.479, -7.377, -90.294
Hunter-Lab	34.88, 24.701, -68.883
Binary	01010001, 01010100, 11000110

#5154c6
```
#5154c6 rgb(81,84,198)
```
#c6c351
```
#c6c351 rgb(198,195,81)
```

Complementary Color

#518fc6
```
#518fc6 rgb(81,143,198)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#8951c6
```
#8951c6 rgb(137,81,198)
```

Analogous Color

#8fc651
```
#8fc651 rgb(143,198,81)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#c68951
```
#c68951 rgb(198,137,81)
```

Split Complementary Color

#54c651
```
#54c651 rgb(84,198,81)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#c65154
```
#c65154 rgb(198,81,84)
```

Triadic Color

#51c6c3
```
#51c6c3 rgb(81,198,195)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#c65154
```
#c65154 rgb(198,81,84)
```
#c6c351
```
#c6c351 rgb(198,195,81)
```

Tetradic Color

#323599
```
#323599 rgb(50,53,153)
```
#383bac
```
#383bac rgb(56,59,172)
```
#3f42bf
```
#3f42bf rgb(63,66,191)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#6467cc
```
#6467cc rgb(100,103,204)
```
#777ad3
```
#777ad3 rgb(119,122,211)
```
#8b8dd9
```
#8b8dd9 rgb(139,141,217)
```

Monochromatic Color

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

#5171c6
```
#5171c6 rgb(81,113,198)
```
#5168c6
```
#5168c6 rgb(81,104,198)
```
#515ec6
```
#515ec6 rgb(81,94,198)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#5851c6
```
#5851c6 rgb(88,81,198)
```
#6251c6
```
#6251c6 rgb(98,81,198)
```
#6b51c6
```
#6b51c6 rgb(107,81,198)
```

Similar Colors

Text with hexadecimal color #5154c6

This text has a font color of #5154c6.

<span style="color:#5154c6;">Text here</span>

#5154c6 background color

This paragraph has a background color of #5154c6.

<p style="background-color:#5154c6;">Content here</p>

#5154c6 border color

This element has a border color of #5154c6.

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

CSS codes

.text {color:#5154c6;}

.background {background-color:#5154c6;}

.border {border:1px solid #5154c6;}

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 #f4f4fb is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#060612
```
#060612 rgb(6,6,18)
```
#0b0b21
```
#0b0b21 rgb(11,11,33)
```
#101030
```
#101030 rgb(16,16,48)
```
#14163e
```
#14163e rgb(20,22,62)
```
#191b4d
```
#191b4d rgb(25,27,77)
```
#1e205c
```
#1e205c rgb(30,32,92)
```
#23256b
```
#23256b rgb(35,37,107)
```
#282a7a
```
#282a7a rgb(40,42,122)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#313497
```
#313497 rgb(49,52,151)
```
#3639a6
```
#3639a6 rgb(54,57,166)
```
#3b3eb5
```
#3b3eb5 rgb(59,62,181)
```

Shade Color Variation

#4245c1
```
#4245c1 rgb(66,69,193)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#6063cb
```
#6063cb rgb(96,99,203)
```
#6f71d0
```
#6f71d0 rgb(111,113,208)
```
#7d80d5
```
#7d80d5 rgb(125,128,213)
```
#8c8ed9
```
#8c8ed9 rgb(140,142,217)
```
#9b9dde
```
#9b9dde rgb(155,157,222)
```
#aaabe3
```
#aaabe3 rgb(170,171,227)
```
#b8bae8
```
#b8bae8 rgb(184,186,232)
```
#c7c8ed
```
#c7c8ed rgb(199,200,237)
```
#d6d7f2
```
#d6d7f2 rgb(214,215,242)
```
#e5e5f6
```
#e5e5f6 rgb(229,229,246)
```
#f4f4fb
```
#f4f4fb rgb(244,244,251)
```

Tint Color Variation

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

#868791
```
#868791 rgb(134,135,145)
```
#7d7e9a
```
#7d7e9a rgb(125,126,154)
```
#7576a2
```
#7576a2 rgb(117,118,162)
```
#6c6dab
```
#6c6dab rgb(108,109,171)
```
#6365b4
```
#6365b4 rgb(99,101,180)
```
#5a5cbd
```
#5a5cbd rgb(90,92,189)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#484ccf
```
#484ccf rgb(72,76,207)
```
#3f43d8
```
#3f43d8 rgb(63,67,216)
```
#363be1
```
#363be1 rgb(54,59,225)
```
#2d32ea
```
#2d32ea rgb(45,50,234)
```
#252af2
```
#252af2 rgb(37,42,242)
```
#1c21fb
```
#1c21fb rgb(28,33,251)
```

Tone Color Variation

Below, you can see how #5154c6 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

#606060 Achromatopsia 0.005% of the population
#5d5e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c9 Protanopia 1% of men
#006cb1 Deuteranopia 1% of men
#2a737b Tritanopia 0.001% of the population

Trichromacy

#1d5fc8 Protanomaly 1% of men, 0.01% of women
#1d63b8 Deuteranomaly 6% of men, 0.4% of women
#386796 Tritanomaly 0.01% of the population

#5154c6 hex color

#5154c6 Color Information

#5154c6 Color Conversion

Color Schemes with #5154c6

Alternatives to #5154c6

#5154c6 Preview

Shades and Tints of #5154c6

Tones of #5154c6

Color Blindness Simulator