#523dc4 hex color

In a RGB color space, hex #523dc4 is composed of 32.2% red, 23.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 68.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 249.3 degrees, a saturation of 53.4% and a lightness of 50.4%. #523dc4 color hex could be obtained by blending #a47aff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 24
- B 77
RGB color chart
- C 58
- M 69
- Y 0
- K 23
CMYK color chart

● #523dc4 color description : Moderate blue.

The hexadecimal color #523dc4 has RGB values of R:82, G:61, B:196 and CMYK values of C:0.58, M:0.69, Y:0, K:0.23. Its decimal value is 5389764.

Hex triplet	523dc4	`#523dc4`
RGB Decimal	82, 61, 196	`rgb(82,61,196)`
RGB Percent	32.2, 23.9, 76.9	`rgb(32.2%,23.9%,76.9%)`
CMYK	58, 69, 0, 23
HSL	249.3°, 53.4, 50.4	`hsl(249.3,53.4%,50.4%)`
HSV (or HSB)	249.3°, 68.9, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.207, 45.831, -67.497
XYZ	15.11, 9.116, 53.185
xyY	0.195, 0.118, 9.116
CIE-LCH	36.207, 81.586, 304.177
CIE-LUV	36.207, -1.765, -96.43
Hunter-Lab	30.193, 36.493, -83.303
Binary	01010010, 00111101, 11000100

#523dc4
```
#523dc4 rgb(82,61,196)
```
#afc43d
```
#afc43d rgb(175,196,61)
```

Complementary Color

#3d6cc4
```
#3d6cc4 rgb(61,108,196)
```
#523dc4
```
#523dc4 rgb(82,61,196)
```
#963dc4
```
#963dc4 rgb(150,61,196)
```

Analogous Color

#6cc43d
```
#6cc43d rgb(108,196,61)
```
#523dc4
```
#523dc4 rgb(82,61,196)
```
#c4963d
```
#c4963d rgb(196,150,61)
```

Split Complementary Color

#3dc452
```
#3dc452 rgb(61,196,82)
```
#523dc4
```
#523dc4 rgb(82,61,196)
```
#c4523d
```
#c4523d rgb(196,82,61)
```

Triadic Color

#3dafc4
```
#3dafc4 rgb(61,175,196)
```
#523dc4
```
#523dc4 rgb(82,61,196)
```
#c4523d
```
#c4523d rgb(196,82,61)
```
#afc43d
```
#afc43d rgb(175,196,61)
```

Tetradic Color

#392a8a
```
#392a8a rgb(57,42,138)
```
#41309e
```
#41309e rgb(65,48,158)
```
#4936b2
```
#4936b2 rgb(73,54,178)
```
#523dc4
```
#523dc4 rgb(82,61,196)
```
#6351ca
```
#6351ca rgb(99,81,202)
```
#7564d0
```
#7564d0 rgb(117,100,208)
```
#8678d6
```
#8678d6 rgb(134,120,214)
```

Monochromatic Color

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

#3d4ac4
```
#3d4ac4 rgb(61,74,196)
```
#3d3fc4
```
#3d3fc4 rgb(61,63,196)
```
#473dc4
```
#473dc4 rgb(71,61,196)
```
#523dc4
```
#523dc4 rgb(82,61,196)
```
#5d3dc4
```
#5d3dc4 rgb(93,61,196)
```
#693dc4
```
#693dc4 rgb(105,61,196)
```
#743dc4
```
#743dc4 rgb(116,61,196)
```

Similar Colors

Text with hexadecimal color #523dc4

This text has a font color of #523dc4.

<span style="color:#523dc4;">Text here</span>

#523dc4 background color

This paragraph has a background color of #523dc4.

<p style="background-color:#523dc4;">Content here</p>

#523dc4 border color

This element has a border color of #523dc4.

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

CSS codes

.text {color:#523dc4;}

.background {background-color:#523dc4;}

.border {border:1px solid #523dc4;}

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

#010002
```
#010002 rgb(1,0,2)
```
#070511
```
#070511 rgb(7,5,17)
```
#0d0a20
```
#0d0a20 rgb(13,10,32)
```
#130e2f
```
#130e2f rgb(19,14,47)
```
#19133e
```
#19133e rgb(25,19,62)
```
#20174d
```
#20174d rgb(32,23,77)
```
#261c5c
```
#261c5c rgb(38,28,92)
```
#2c206b
```
#2c206b rgb(44,32,107)
```
#32257a
```
#32257a rgb(50,37,122)
```
#382a89
```
#382a89 rgb(56,42,137)
```
#3f2e98
```
#3f2e98 rgb(63,46,152)
```
#4533a7
```
#4533a7 rgb(69,51,167)
```
#4b37b6
```
#4b37b6 rgb(75,55,182)
```

Shade Color Variation

#523dc4
```
#523dc4 rgb(82,61,196)
```
#5f4cc9
```
#5f4cc9 rgb(95,76,201)
```
#6d5bcd
```
#6d5bcd rgb(109,91,205)
```
#7a6ad2
```
#7a6ad2 rgb(122,106,210)
```
#8879d6
```
#8879d6 rgb(136,121,214)
```
#9588db
```
#9588db rgb(149,136,219)
```
#a297df
```
#a297df rgb(162,151,223)
```
#b0a6e4
```
#b0a6e4 rgb(176,166,228)
```
#bdb5e9
```
#bdb5e9 rgb(189,181,233)
```
#cbc4ed
```
#cbc4ed rgb(203,196,237)
```
#d8d3f2
```
#d8d3f2 rgb(216,211,242)
```
#e6e2f6
```
#e6e2f6 rgb(230,226,246)
```
#f3f1fb
```
#f3f1fb rgb(243,241,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a778a is the less saturated color, while #2a03fe is the most saturated one.

#7a778a
```
#7a778a rgb(122,119,138)
```
#746e93
```
#746e93 rgb(116,110,147)
```
#6d649d
```
#6d649d rgb(109,100,157)
```
#665aa7
```
#665aa7 rgb(102,90,167)
```
#5f50b1
```
#5f50b1 rgb(95,80,177)
```
#5947ba
```
#5947ba rgb(89,71,186)
```
#523dc4
```
#523dc4 rgb(82,61,196)
```
#4b33ce
```
#4b33ce rgb(75,51,206)
```
#452ad7
```
#452ad7 rgb(69,42,215)
```
#3e20e1
```
#3e20e1 rgb(62,32,225)
```
#3716eb
```
#3716eb rgb(55,22,235)
```
#300cf5
```
#300cf5 rgb(48,12,245)
```
#2a03fe
```
#2a03fe rgb(42,3,254)
```

Tone Color Variation

Below, you can see how #523dc4 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

#535353 Achromatopsia 0.005% of the population
#534f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#00609b Deuteranopia 1% of men
#26666d Tritanopia 0.001% of the population

Trichromacy

#1d50b8 Protanomaly 1% of men, 0.01% of women
#1d53aa Deuteranomaly 6% of men, 0.4% of women
#36578c Tritanomaly 0.01% of the population

#523dc4 hex color

#523dc4 Color Information

#523dc4 Color Conversion

Color Schemes with #523dc4

Alternatives to #523dc4

#523dc4 Preview

Shades and Tints of #523dc4

Tones of #523dc4

Color Blindness Simulator