#5354c9 hex color

In a RGB color space, hex #5354c9 is composed of 32.5% red, 32.9% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 58.2% magenta, 0% yellow and 21.2% black. It has a hue angle of 239.5 degrees, a saturation of 52.2% and a lightness of 55.7%. #5354c9 color hex could be obtained by blending #a6a8ff with #000093. Closest websafe color is: #6666cc.

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

● #5354c9 color description : Moderate blue.

The hexadecimal color #5354c9 has RGB values of R:83, G:84, B:201 and CMYK values of C:0.59, M:0.58, Y:0, K:0.21. Its decimal value is 5461193.

Hex triplet	5354c9	`#5354c9`
RGB Decimal	83, 84, 201	`rgb(83,84,201)`
RGB Percent	32.5, 32.9, 78.8	`rgb(32.5%,32.9%,78.8%)`
CMYK	59, 58, 0, 21
HSL	239.5°, 52.2, 55.7	`hsl(239.5,52.2%,55.7%)`
HSV (or HSB)	239.5°, 58.7, 78.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.839, 33.937, -61.219
XYZ	17.278, 12.396, 56.737
xyY	0.2, 0.143, 12.396
CIE-LCH	41.839, 69.996, 299.002
CIE-LUV	41.839, -6.943, -92.236
Hunter-Lab	35.208, 25.984, -70.9
Binary	01010011, 01010100, 11001001

#5354c9
```
#5354c9 rgb(83,84,201)
```
#c9c853
```
#c9c853 rgb(201,200,83)
```

Complementary Color

#538fc9
```
#538fc9 rgb(83,143,201)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#8d53c9
```
#8d53c9 rgb(141,83,201)
```

Analogous Color

#8fc953
```
#8fc953 rgb(143,201,83)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#c98d53
```
#c98d53 rgb(201,141,83)
```

Split Complementary Color

#54c953
```
#54c953 rgb(84,201,83)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#c95354
```
#c95354 rgb(201,83,84)
```

Triadic Color

#53c9c8
```
#53c9c8 rgb(83,201,200)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#c95354
```
#c95354 rgb(201,83,84)
```
#c9c853
```
#c9c853 rgb(201,200,83)
```

Tetradic Color

#32329e
```
#32329e rgb(50,50,158)
```
#3839b1
```
#3839b1 rgb(56,57,177)
```
#4041c3
```
#4041c3 rgb(64,65,195)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#6667cf
```
#6667cf rgb(102,103,207)
```
#7a7bd5
```
#7a7bd5 rgb(122,123,213)
```
#8d8edb
```
#8d8edb rgb(141,142,219)
```

Monochromatic Color

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

#5372c9
```
#5372c9 rgb(83,114,201)
```
#5368c9
```
#5368c9 rgb(83,104,201)
```
#535ec9
```
#535ec9 rgb(83,94,201)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#5c53c9
```
#5c53c9 rgb(92,83,201)
```
#6653c9
```
#6653c9 rgb(102,83,201)
```
#7053c9
```
#7053c9 rgb(112,83,201)
```

Similar Colors

Text with hexadecimal color #5354c9

This text has a font color of #5354c9.

<span style="color:#5354c9;">Text here</span>

#5354c9 background color

This paragraph has a background color of #5354c9.

<p style="background-color:#5354c9;">Content here</p>

#5354c9 border color

This element has a border color of #5354c9.

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

CSS codes

.text {color:#5354c9;}

.background {background-color:#5354c9;}

.border {border:1px solid #5354c9;}

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

#020207
```
#020207 rgb(2,2,7)
```
#070716
```
#070716 rgb(7,7,22)
```
#0c0c25
```
#0c0c25 rgb(12,12,37)
```
#101134
```
#101134 rgb(16,17,52)
```
#151543
```
#151543 rgb(21,21,67)
```
#1a1a52
```
#1a1a52 rgb(26,26,82)
```
#1e1f61
```
#1e1f61 rgb(30,31,97)
```
#232470
```
#232470 rgb(35,36,112)
```
#28287f
```
#28287f rgb(40,40,127)
```
#2c2d8d
```
#2c2d8d rgb(44,45,141)
```
#31329c
```
#31329c rgb(49,50,156)
```
#3637ab
```
#3637ab rgb(54,55,171)
```
#3a3cba
```
#3a3cba rgb(58,60,186)
```

Shade Color Variation

#4445c4
```
#4445c4 rgb(68,69,196)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#6263ce
```
#6263ce rgb(98,99,206)
```
#7172d2
```
#7172d2 rgb(113,114,210)
```
#8081d7
```
#8081d7 rgb(128,129,215)
```
#8f8fdc
```
#8f8fdc rgb(143,143,220)
```
#9e9ee0
```
#9e9ee0 rgb(158,158,224)
```
#adade5
```
#adade5 rgb(173,173,229)
```
#bbbcea
```
#bbbcea rgb(187,188,234)
```
#cacbee
```
#cacbee rgb(202,203,238)
```
#d9daf3
```
#d9daf3 rgb(217,218,243)
```
#e8e8f8
```
#e8e8f8 rgb(232,232,248)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#878795
```
#878795 rgb(135,135,149)
```
#7e7f9e
```
#7e7f9e rgb(126,127,158)
```
#7676a6
```
#7676a6 rgb(118,118,166)
```
#6d6eaf
```
#6d6eaf rgb(109,110,175)
```
#6465b8
```
#6465b8 rgb(100,101,184)
```
#5c5dc0
```
#5c5dc0 rgb(92,93,192)
```
#5354c9
```
#5354c9 rgb(83,84,201)
```
#4a4bd2
```
#4a4bd2 rgb(74,75,210)
```
#4243da
```
#4243da rgb(66,67,218)
```
#393ae3
```
#393ae3 rgb(57,58,227)
```
#3032ec
```
#3032ec rgb(48,50,236)
```
#2829f4
```
#2829f4 rgb(40,41,244)
```
#1f21fd
```
#1f21fd rgb(31,33,253)
```

Tone Color Variation

Below, you can see how #5354c9 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

#616161 Achromatopsia 0.005% of the population
#5e5e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db2 Deuteranopia 1% of men
#2c737c Tritanopia 0.001% of the population

Trichromacy

#1e60ca Protanomaly 1% of men, 0.01% of women
#1e63ba Deuteranomaly 6% of men, 0.4% of women
#3a6898 Tritanomaly 0.01% of the population

#5354c9 hex color

#5354c9 Color Information

#5354c9 Color Conversion

Color Schemes with #5354c9

Alternatives to #5354c9

#5354c9 Preview

Shades and Tints of #5354c9

Tones of #5354c9

Color Blindness Simulator