#5254b9 hex color

In a RGB color space, hex #5254b9 is composed of 32.2% red, 32.9% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 54.6% magenta, 0% yellow and 27.5% black. It has a hue angle of 238.8 degrees, a saturation of 42.4% and a lightness of 52.4%. #5254b9 color hex could be obtained by blending #a4a8ff with #000073. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 33
- B 73
RGB color chart
- C 56
- M 55
- Y 0
- K 27
CMYK color chart

● #5254b9 color description : Moderate blue.

The hexadecimal color #5254b9 has RGB values of R:82, G:84, B:185 and CMYK values of C:0.56, M:0.55, Y:0, K:0.27. Its decimal value is 5395641.

Hex triplet	5254b9	`#5254b9`
RGB Decimal	82, 84, 185	`rgb(82,84,185)`
RGB Percent	32.2, 32.9, 72.5	`rgb(32.2%,32.9%,72.5%)`
CMYK	56, 55, 0, 27
HSL	238.8°, 42.4, 52.4	`hsl(238.8,42.4%,52.4%)`
HSV (or HSB)	238.8°, 55.7, 72.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.633, 28.506, -53.861
XYZ	15.405, 11.637, 47.331
xyY	0.207, 0.156, 11.637
CIE-LCH	40.633, 60.94, 297.89
CIE-LUV	40.633, -6.447, -80.731
Hunter-Lab	34.113, 20.914, -58.385
Binary	01010010, 01010100, 10111001

#5254b9
```
#5254b9 rgb(82,84,185)
```
#b9b752
```
#b9b752 rgb(185,183,82)
```

Complementary Color

#5288b9
```
#5288b9 rgb(82,136,185)
```
#5254b9
```
#5254b9 rgb(82,84,185)
```
#8452b9
```
#8452b9 rgb(132,82,185)
```

Analogous Color

#88b952
```
#88b952 rgb(136,185,82)
```
#5254b9
```
#5254b9 rgb(82,84,185)
```
#b98452
```
#b98452 rgb(185,132,82)
```

Split Complementary Color

#54b952
```
#54b952 rgb(84,185,82)
```
#5254b9
```
#5254b9 rgb(82,84,185)
```
#b95254
```
#b95254 rgb(185,82,84)
```

Triadic Color

#52b9b7
```
#52b9b7 rgb(82,185,183)
```
#5254b9
```
#5254b9 rgb(82,84,185)
```
#b95254
```
#b95254 rgb(185,82,84)
```
#b9b752
```
#b9b752 rgb(185,183,82)
```

Tetradic Color

#373888
```
#373888 rgb(55,56,136)
```
#3e409a
```
#3e409a rgb(62,64,154)
```
#4648ac
```
#4648ac rgb(70,72,172)
```
#5254b9
```
#5254b9 rgb(82,84,185)
```
#6466c0
```
#6466c0 rgb(100,102,192)
```
#7678c8
```
#7678c8 rgb(118,120,200)
```
#888acf
```
#888acf rgb(136,138,207)
```

Monochromatic Color

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

#526eb9
```
#526eb9 rgb(82,110,185)
```
#5265b9
```
#5265b9 rgb(82,101,185)
```
#525db9
```
#525db9 rgb(82,93,185)
```
#5254b9
```
#5254b9 rgb(82,84,185)
```
#5952b9
```
#5952b9 rgb(89,82,185)
```
#6152b9
```
#6152b9 rgb(97,82,185)
```
#6a52b9
```
#6a52b9 rgb(106,82,185)
```

Similar Colors

Text with hexadecimal color #5254b9

This text has a font color of #5254b9.

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

#5254b9 background color

This paragraph has a background color of #5254b9.

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

#5254b9 border color

This element has a border color of #5254b9.

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

CSS codes

.text {color:#5254b9;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#090917
```
#090917 rgb(9,9,23)
```
#0f0f24
```
#0f0f24 rgb(15,15,36)
```
#141532
```
#141532 rgb(20,21,50)
```
#1a1b40
```
#1a1b40 rgb(26,27,64)
```
#20214e
```
#20214e rgb(32,33,78)
```
#25265c
```
#25265c rgb(37,38,92)
```
#2b2c6a
```
#2b2c6a rgb(43,44,106)
```
#313278
```
#313278 rgb(49,50,120)
```
#363886
```
#363886 rgb(54,56,134)
```
#3c3e94
```
#3c3e94 rgb(60,62,148)
```
#4243a2
```
#4243a2 rgb(66,67,162)
```
#4749b0
```
#4749b0 rgb(71,73,176)
```

Shade Color Variation

#5254b9
```
#5254b9 rgb(82,84,185)
```
#6062bf
```
#6062bf rgb(96,98,191)
```
#6e70c4
```
#6e70c4 rgb(110,112,196)
```
#7c7dca
```
#7c7dca rgb(124,125,202)
```
#8a8bd0
```
#8a8bd0 rgb(138,139,208)
```
#9899d5
```
#9899d5 rgb(152,153,213)
```
#a6a7db
```
#a6a7db rgb(166,167,219)
```
#b4b5e1
```
#b4b5e1 rgb(180,181,225)
```
#c2c2e6
```
#c2c2e6 rgb(194,194,230)
```
#d0d0ec
```
#d0d0ec rgb(208,208,236)
```
#dedef2
```
#dedef2 rgb(222,222,242)
```
#ececf7
```
#ececf7 rgb(236,236,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#81818a
```
#81818a rgb(129,129,138)
```
#777894
```
#777894 rgb(119,120,148)
```
#6e6f9d
```
#6e6f9d rgb(110,111,157)
```
#6566a6
```
#6566a6 rgb(101,102,166)
```
#5b5db0
```
#5b5db0 rgb(91,93,176)
```
#5254b9
```
#5254b9 rgb(82,84,185)
```
#494bc2
```
#494bc2 rgb(73,75,194)
```
#3f42cc
```
#3f42cc rgb(63,66,204)
```
#3639d5
```
#3639d5 rgb(54,57,213)
```
#2d30de
```
#2d30de rgb(45,48,222)
```
#2327e8
```
#2327e8 rgb(35,39,232)
```
#1a1ef1
```
#1a1ef1 rgb(26,30,241)
```
#1115fa
```
#1115fa rgb(17,21,250)
```

Tone Color Variation

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

#1864c3 Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#396f77 Tritanopia 0.001% of the population

Trichromacy

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

#5254b9 hex color

#5254b9 Color Information

#5254b9 Color Conversion

Color Schemes with #5254b9

Alternatives to #5254b9

#5254b9 Preview

Shades and Tints of #5254b9

Tones of #5254b9

Color Blindness Simulator