#5254b8 hex color

In a RGB color space, hex #5254b8 is composed of 32.2% red, 32.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 54.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 238.8 degrees, a saturation of 41.8% and a lightness of 52.2%. #5254b8 color hex could be obtained by blending #a4a8ff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 33
- B 72
RGB color chart
- C 55
- M 54
- Y 0
- K 28
CMYK color chart

● #5254b8 color description : Moderate blue.

The hexadecimal color #5254b8 has RGB values of R:82, G:84, B:184 and CMYK values of C:0.55, M:0.54, Y:0, K:0.28. Its decimal value is 5395640.

Hex triplet	5254b8	`#5254b8`
RGB Decimal	82, 84, 184	`rgb(82,84,184)`
RGB Percent	32.2, 32.9, 72.2	`rgb(32.2%,32.9%,72.2%)`
CMYK	55, 54, 0, 28
HSL	238.8°, 41.8, 52.2	`hsl(238.8,41.8%,52.2%)`
HSV (or HSB)	238.8°, 55.4, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.564, 28.179, -53.386
XYZ	15.3, 11.595, 46.777
xyY	0.208, 0.157, 11.595
CIE-LCH	40.564, 60.366, 297.827
CIE-LUV	40.564, -6.397, -79.99
Hunter-Lab	34.051, 20.616, -57.613
Binary	01010010, 01010100, 10111000

#5254b8
```
#5254b8 rgb(82,84,184)
```
#b8b652
```
#b8b652 rgb(184,182,82)
```

Complementary Color

#5287b8
```
#5287b8 rgb(82,135,184)
```
#5254b8
```
#5254b8 rgb(82,84,184)
```
#8352b8
```
#8352b8 rgb(131,82,184)
```

Analogous Color

#87b852
```
#87b852 rgb(135,184,82)
```
#5254b8
```
#5254b8 rgb(82,84,184)
```
#b88352
```
#b88352 rgb(184,131,82)
```

Split Complementary Color

#54b852
```
#54b852 rgb(84,184,82)
```
#5254b8
```
#5254b8 rgb(82,84,184)
```
#b85254
```
#b85254 rgb(184,82,84)
```

Triadic Color

#52b8b6
```
#52b8b6 rgb(82,184,182)
```
#5254b8
```
#5254b8 rgb(82,84,184)
```
#b85254
```
#b85254 rgb(184,82,84)
```
#b8b652
```
#b8b652 rgb(184,182,82)
```

Tetradic Color

#373986
```
#373986 rgb(55,57,134)
```
#3f4098
```
#3f4098 rgb(63,64,152)
```
#4648ab
```
#4648ab rgb(70,72,171)
```
#5254b8
```
#5254b8 rgb(82,84,184)
```
#6466bf
```
#6466bf rgb(100,102,191)
```
#7678c7
```
#7678c7 rgb(118,120,199)
```
#888ace
```
#888ace rgb(136,138,206)
```

Monochromatic Color

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

#526eb8
```
#526eb8 rgb(82,110,184)
```
#5265b8
```
#5265b8 rgb(82,101,184)
```
#525db8
```
#525db8 rgb(82,93,184)
```
#5254b8
```
#5254b8 rgb(82,84,184)
```
#5952b8
```
#5952b8 rgb(89,82,184)
```
#6152b8
```
#6152b8 rgb(97,82,184)
```
#6a52b8
```
#6a52b8 rgb(106,82,184)
```

Similar Colors

Text with hexadecimal color #5254b8

This text has a font color of #5254b8.

<span style="color:#5254b8;">Text here</span>

#5254b8 background color

This paragraph has a background color of #5254b8.

<p style="background-color:#5254b8;">Content here</p>

#5254b8 border color

This element has a border color of #5254b8.

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

CSS codes

.text {color:#5254b8;}

.background {background-color:#5254b8;}

.border {border:1px solid #5254b8;}

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

#030308
```
#030308 rgb(3,3,8)
```
#090916
```
#090916 rgb(9,9,22)
```
#0f0f24
```
#0f0f24 rgb(15,15,36)
```
#141532
```
#141532 rgb(20,21,50)
```
#1a1b3f
```
#1a1b3f rgb(26,27,63)
```
#20214d
```
#20214d rgb(32,33,77)
```
#25275b
```
#25275b rgb(37,39,91)
```
#2b2c69
```
#2b2c69 rgb(43,44,105)
```
#313277
```
#313277 rgb(49,50,119)
```
#373885
```
#373885 rgb(55,56,133)
```
#3c3e93
```
#3c3e93 rgb(60,62,147)
```
#4244a1
```
#4244a1 rgb(66,68,161)
```
#484aaf
```
#484aaf rgb(72,74,175)
```

Shade Color Variation

#5254b8
```
#5254b8 rgb(82,84,184)
```
#6062be
```
#6062be rgb(96,98,190)
```
#6e6fc3
```
#6e6fc3 rgb(110,111,195)
```
#7c7dc9
```
#7c7dc9 rgb(124,125,201)
```
#8a8bcf
```
#8a8bcf rgb(138,139,207)
```
#9899d5
```
#9899d5 rgb(152,153,213)
```
#a5a6da
```
#a5a6da rgb(165,166,218)
```
#b3b4e0
```
#b3b4e0 rgb(179,180,224)
```
#c1c2e6
```
#c1c2e6 rgb(193,194,230)
```
#cfd0eb
```
#cfd0eb rgb(207,208,235)
```
#ddddf1
```
#ddddf1 rgb(221,221,241)
```
#ebebf7
```
#ebebf7 rgb(235,235,247)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#818189
```
#818189 rgb(129,129,137)
```
#787892
```
#787892 rgb(120,120,146)
```
#6e6f9c
```
#6e6f9c rgb(110,111,156)
```
#6566a5
```
#6566a5 rgb(101,102,165)
```
#5b5daf
```
#5b5daf rgb(91,93,175)
```
#5254b8
```
#5254b8 rgb(82,84,184)
```
#494bc1
```
#494bc1 rgb(73,75,193)
```
#3f42cb
```
#3f42cb rgb(63,66,203)
```
#3639d4
```
#3639d4 rgb(54,57,212)
```
#2c30de
```
#2c30de rgb(44,48,222)
```
#2327e7
```
#2327e7 rgb(35,39,231)
```
#1a1ef0
```
#1a1ef0 rgb(26,30,240)
```
#1015fa
```
#1015fa rgb(16,21,250)
```

Tone Color Variation

Below, you can see how #5254b8 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

#5f5f5f Achromatopsia 0.005% of the population
#5c5d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c64c2 Protanopia 1% of men
#0069af Deuteranopia 1% of men
#3a6f77 Tritanopia 0.001% of the population

Trichromacy

#2f5ebe Protanomaly 1% of men, 0.01% of women
#1d61b2 Deuteranomaly 6% of men, 0.4% of women
#42658f Tritanomaly 0.01% of the population

#5254b8 hex color

#5254b8 Color Information

#5254b8 Color Conversion

Color Schemes with #5254b8

Alternatives to #5254b8

#5254b8 Preview

Shades and Tints of #5254b8

Tones of #5254b8

Color Blindness Simulator