colorhexa.com

#5257c4 hex color

In a RGB color space, hex #5257c4 is composed of 32.2% red, 34.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 55.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 237.4 degrees, a saturation of 49.1% and a lightness of 54.5%. #5257c4 color hex could be obtained by blending #a4aeff with #000089. Closest websafe color is: #6666cc.

- R 32
- G 34
- B 77
RGB color chart
- C 58
- M 56
- Y 0
- K 23
CMYK color chart

● #5257c4 color description : Moderate blue.

The hexadecimal color #5257c4 has RGB values of R:82, G:87, B:196 and CMYK values of C:0.58, M:0.56, Y:0, K:0.23. Its decimal value is 5396420.

Hex triplet	5257c4	`#5257c4`
RGB Decimal	82, 87, 196	`rgb(82,87,196)`
RGB Percent	32.2, 34.1, 76.9	`rgb(32.2%,34.1%,76.9%)`
CMYK	58, 56, 0, 23
HSL	237.4°, 49.1, 54.5	`hsl(237.4,49.1%,54.5%)`
HSV (or HSB)	237.4°, 58.2, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.147, 30.248, -57.827
XYZ	16.85, 12.595, 53.765
xyY	0.202, 0.151, 12.595
CIE-LCH	42.147, 65.26, 297.613
CIE-LUV	42.147, -7.795, -87.405
Hunter-Lab	35.489, 22.642, -64.979
Binary	01010010, 01010111, 11000100

#5257c4
```
#5257c4 rgb(82,87,196)
```
#c4bf52
```
#c4bf52 rgb(196,191,82)
```

Complementary Color

#5290c4
```
#5290c4 rgb(82,144,196)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#8652c4
```
#8652c4 rgb(134,82,196)
```

Analogous Color

#90c452
```
#90c452 rgb(144,196,82)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#c48652
```
#c48652 rgb(196,134,82)
```

Split Complementary Color

#57c452
```
#57c452 rgb(87,196,82)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#c45257
```
#c45257 rgb(196,82,87)
```

Triadic Color

#52c4bf
```
#52c4bf rgb(82,196,191)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#c45257
```
#c45257 rgb(196,82,87)
```
#c4bf52
```
#c4bf52 rgb(196,191,82)
```

Tetradic Color

#333896
```
#333896 rgb(51,56,150)
```
#3a3fa9
```
#3a3fa9 rgb(58,63,169)
```
#4046bc
```
#4046bc rgb(64,70,188)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#6569ca
```
#6569ca rgb(101,105,202)
```
#787cd1
```
#787cd1 rgb(120,124,209)
```
#8b8ed7
```
#8b8ed7 rgb(139,142,215)
```

Monochromatic Color

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

#5274c4
```
#5274c4 rgb(82,116,196)
```
#526ac4
```
#526ac4 rgb(82,106,196)
```
#5261c4
```
#5261c4 rgb(82,97,196)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#5652c4
```
#5652c4 rgb(86,82,196)
```
#6052c4
```
#6052c4 rgb(96,82,196)
```
#6a52c4
```
#6a52c4 rgb(106,82,196)
```

Similar Colors

Text with hexadecimal color #5257c4

This text has a font color of #5257c4.

<span style="color:#5257c4;">Text here</span>

#5257c4 background color

This paragraph has a background color of #5257c4.

<p style="background-color:#5257c4;">Content here</p>

#5257c4 border color

This element has a border color of #5257c4.

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

CSS codes

.text {color:#5257c4;}

.background {background-color:#5257c4;}

.border {border:1px solid #5257c4;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060611
```
#060611 rgb(6,6,17)
```
#0b0c20
```
#0b0c20 rgb(11,12,32)
```
#10112e
```
#10112e rgb(16,17,46)
```
#15173d
```
#15173d rgb(21,23,61)
```
#1a1c4c
```
#1a1c4c rgb(26,28,76)
```
#1f215a
```
#1f215a rgb(31,33,90)
```
#242769
```
#242769 rgb(36,39,105)
```
#292c78
```
#292c78 rgb(41,44,120)
```
#2e3286
```
#2e3286 rgb(46,50,134)
```
#333795
```
#333795 rgb(51,55,149)
```
#383ca3
```
#383ca3 rgb(56,60,163)
```
#3d42b2
```
#3d42b2 rgb(61,66,178)
```

Shade Color Variation

#4349bf
```
#4349bf rgb(67,73,191)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#6165c9
```
#6165c9 rgb(97,101,201)
```
#6f73ce
```
#6f73ce rgb(111,115,206)
```
#7e82d3
```
#7e82d3 rgb(126,130,211)
```
#8d90d8
```
#8d90d8 rgb(141,144,216)
```
#9b9edd
```
#9b9edd rgb(155,158,221)
```
#aaace2
```
#aaace2 rgb(170,172,226)
```
#b8bae7
```
#b8bae7 rgb(184,186,231)
```
#c7c9ec
```
#c7c9ec rgb(199,201,236)
```
#d6d7f1
```
#d6d7f1 rgb(214,215,241)
```
#e4e5f6
```
#e4e5f6 rgb(228,229,246)
```
#f3f3fb
```
#f3f3fb rgb(243,243,251)
```

Tint Color Variation

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

#88888e
```
#88888e rgb(136,136,142)
```
#7f8097
```
#7f8097 rgb(127,128,151)
```
#7678a0
```
#7678a0 rgb(118,120,160)
```
#6d6fa9
```
#6d6fa9 rgb(109,111,169)
```
#6467b2
```
#6467b2 rgb(100,103,178)
```
#5b5fbb
```
#5b5fbb rgb(91,95,187)
```
#5257c4
```
#5257c4 rgb(82,87,196)
```
#494fcd
```
#494fcd rgb(73,79,205)
```
#4047d6
```
#4047d6 rgb(64,71,214)
```
#373fdf
```
#373fdf rgb(55,63,223)
```
#2e36e8
```
#2e36e8 rgb(46,54,232)
```
#252ef1
```
#252ef1 rgb(37,46,241)
```
#1c26fa
```
#1c26fa rgb(28,38,250)
```

Tone Color Variation

Below, you can see how #5257c4 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

#626262 Achromatopsia 0.005% of the population
#5f6076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#30747c Tritanopia 0.001% of the population

Trichromacy

#1d61c9 Protanomaly 1% of men, 0.01% of women
#1d65ba Deuteranomaly 6% of men, 0.4% of women
#3c6996 Tritanomaly 0.01% of the population