#545484 hex color

In a RGB color space, hex #545484 is composed of 32.9% red, 32.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 36.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 240 degrees, a saturation of 22.2% and a lightness of 42.4%. #545484 color hex could be obtained by blending #a8a8ff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 33
- B 52
RGB color chart
- C 36
- M 36
- Y 0
- K 48
CMYK color chart

● #545484 color description : Mostly desaturated dark blue.

The hexadecimal color #545484 has RGB values of R:84, G:84, B:132 and CMYK values of C:0.36, M:0.36, Y:0, K:0.48. Its decimal value is 5526660.

Hex triplet	545484	`#545484`
RGB Decimal	84, 84, 132	`rgb(84,84,132)`
RGB Percent	32.9, 32.9, 51.8	`rgb(32.9%,32.9%,51.8%)`
CMYK	36, 36, 0, 48
HSL	240°, 22.2, 42.4	`hsl(240,22.2%,42.4%)`
HSV (or HSB)	240°, 36.4, 51.8
Web Safe	666699	`#666699`

CIE-LAB	37.646, 12.358, -26.891
XYZ	10.991, 9.891, 23.159
xyY	0.25, 0.225, 9.891
CIE-LCH	37.646, 29.594, 294.681
CIE-LUV	37.646, -2.803, -38.819
Hunter-Lab	31.45, 7.34, -21.643
Binary	01010100, 01010100, 10000100

#545484
```
#545484 rgb(84,84,132)
```
#848454
```
#848454 rgb(132,132,84)
```

Complementary Color

#546c84
```
#546c84 rgb(84,108,132)
```
#545484
```
#545484 rgb(84,84,132)
```
#6c5484
```
#6c5484 rgb(108,84,132)
```

Analogous Color

#6c8454
```
#6c8454 rgb(108,132,84)
```
#545484
```
#545484 rgb(84,84,132)
```
#846c54
```
#846c54 rgb(132,108,84)
```

Split Complementary Color

#548454
```
#548454 rgb(84,132,84)
```
#545484
```
#545484 rgb(84,84,132)
```
#845454
```
#845454 rgb(132,84,84)
```

Triadic Color

#548484
```
#548484 rgb(84,132,132)
```
#545484
```
#545484 rgb(84,84,132)
```
#845454
```
#845454 rgb(132,84,84)
```
#848454
```
#848454 rgb(132,132,84)
```

Tetradic Color

#363655
```
#363655 rgb(54,54,85)
```
#404065
```
#404065 rgb(64,64,101)
```
#4a4a74
```
#4a4a74 rgb(74,74,116)
```
#545484
```
#545484 rgb(84,84,132)
```
#5e5e94
```
#5e5e94 rgb(94,94,148)
```
#6b6ba1
```
#6b6ba1 rgb(107,107,161)
```
#7a7aaa
```
#7a7aaa rgb(122,122,170)
```

Monochromatic Color

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

#546084
```
#546084 rgb(84,96,132)
```
#545c84
```
#545c84 rgb(84,92,132)
```
#545884
```
#545884 rgb(84,88,132)
```
#545484
```
#545484 rgb(84,84,132)
```
#585484
```
#585484 rgb(88,84,132)
```
#5c5484
```
#5c5484 rgb(92,84,132)
```
#605484
```
#605484 rgb(96,84,132)
```

Similar Colors

Text with hexadecimal color #545484

This text has a font color of #545484.

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

#545484 background color

This paragraph has a background color of #545484.

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

#545484 border color

This element has a border color of #545484.

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

CSS codes

.text {color:#545484;}

.background {background-color:#545484;}

.border {border:1px solid #545484;}

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

#000000
```
#000000 rgb(0,0,0)
```
#08080c
```
#08080c rgb(8,8,12)
```
#0f0f18
```
#0f0f18 rgb(15,15,24)
```
#171724
```
#171724 rgb(23,23,36)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#26263c
```
#26263c rgb(38,38,60)
```
#2e2e48
```
#2e2e48 rgb(46,46,72)
```
#353554
```
#353554 rgb(53,53,84)
```
#3d3d60
```
#3d3d60 rgb(61,61,96)
```
#45456c
```
#45456c rgb(69,69,108)
```
#4c4c78
```
#4c4c78 rgb(76,76,120)
```
#545484
```
#545484 rgb(84,84,132)
```
#5c5c90
```
#5c5c90 rgb(92,92,144)
```

Shade Color Variation

#63639c
```
#63639c rgb(99,99,156)
```
#6f6fa4
```
#6f6fa4 rgb(111,111,164)
```
#7b7bab
```
#7b7bab rgb(123,123,171)
```
#8787b3
```
#8787b3 rgb(135,135,179)
```
#9393ba
```
#9393ba rgb(147,147,186)
```
#9f9fc2
```
#9f9fc2 rgb(159,159,194)
```
#ababca
```
#ababca rgb(171,171,202)
```
#b7b7d1
```
#b7b7d1 rgb(183,183,209)
```
#c3c3d9
```
#c3c3d9 rgb(195,195,217)
```
#cfcfe1
```
#cfcfe1 rgb(207,207,225)
```
#dbdbe8
```
#dbdbe8 rgb(219,219,232)
```
#e7e7f0
```
#e7e7f0 rgb(231,231,240)
```
#f3f3f7
```
#f3f3f7 rgb(243,243,247)
```

Tint Color Variation

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

#656573
```
#656573 rgb(101,101,115)
```
#5c5c7c
```
#5c5c7c rgb(92,92,124)
```
#545484
```
#545484 rgb(84,84,132)
```
#4c4c8c
```
#4c4c8c rgb(76,76,140)
```
#434395
```
#434395 rgb(67,67,149)
```
#3b3b9d
```
#3b3b9d rgb(59,59,157)
```
#3333a5
```
#3333a5 rgb(51,51,165)
```
#2a2aae
```
#2a2aae rgb(42,42,174)
```
#2222b6
```
#2222b6 rgb(34,34,182)
```
#1a1abe
```
#1a1abe rgb(26,26,190)
```
#1212c6
```
#1212c6 rgb(18,18,198)
```
#0909cf
```
#0909cf rgb(9,9,207)
```
#0101d7
```
#0101d7 rgb(1,1,215)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#585862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505f8c Protanopia 1% of men
#4f6089 Deuteranopia 1% of men
#54636a Tritanopia 0.001% of the population

Trichromacy

#515b89 Protanomaly 1% of men, 0.01% of women
#515c87 Deuteranomaly 6% of men, 0.4% of women
#545d74 Tritanomaly 0.01% of the population

#545484 hex color

#545484 Color Information

#545484 Color Conversion

Color Schemes with #545484

Alternatives to #545484

#545484 Preview

Shades and Tints of #545484

Tones of #545484

Color Blindness Simulator