#54559d hex color

In a RGB color space, hex #54559d is composed of 32.9% red, 33.3% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 45.9% magenta, 0% yellow and 38.4% black. It has a hue angle of 239.2 degrees, a saturation of 30.3% and a lightness of 47.3%. #54559d color hex could be obtained by blending #a8aaff with #00003b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 33
- B 62
RGB color chart
- C 46
- M 46
- Y 0
- K 38
CMYK color chart

● #54559d color description : Dark moderate blue.

The hexadecimal color #54559d has RGB values of R:84, G:85, B:157 and CMYK values of C:0.46, M:0.46, Y:0, K:0.38. Its decimal value is 5526941.

Hex triplet	54559d	`#54559d`
RGB Decimal	84, 85, 157	`rgb(84,85,157)`
RGB Percent	32.9, 33.3, 61.6	`rgb(32.9%,33.3%,61.6%)`
CMYK	46, 46, 0, 38
HSL	239.2°, 30.3, 47.3	`hsl(239.2,30.3%,47.3%)`
HSV (or HSB)	239.2°, 46.5, 61.6
Web Safe	666699	`#666699`

CIE-LAB	39.268, 19.318, -39.458
XYZ	12.989, 10.816, 33.3
xyY	0.227, 0.189, 10.816
CIE-LCH	39.268, 43.933, 296.086
CIE-LUV	39.268, -4.59, -58.464
Hunter-Lab	32.887, 12.948, -37.012
Binary	01010100, 01010101, 10011101

#54559d
```
#54559d rgb(84,85,157)
```
#9d9c54
```
#9d9c54 rgb(157,156,84)
```

Complementary Color

#547a9d
```
#547a9d rgb(84,122,157)
```
#54559d
```
#54559d rgb(84,85,157)
```
#78549d
```
#78549d rgb(120,84,157)
```

Analogous Color

#7a9d54
```
#7a9d54 rgb(122,157,84)
```
#54559d
```
#54559d rgb(84,85,157)
```
#9d7854
```
#9d7854 rgb(157,120,84)
```

Split Complementary Color

#559d54
```
#559d54 rgb(85,157,84)
```
#54559d
```
#54559d rgb(84,85,157)
```
#9d5455
```
#9d5455 rgb(157,84,85)
```

Triadic Color

#549d9c
```
#549d9c rgb(84,157,156)
```
#54559d
```
#54559d rgb(84,85,157)
```
#9d5455
```
#9d5455 rgb(157,84,85)
```
#9d9c54
```
#9d9c54 rgb(157,156,84)
```

Tetradic Color

#393a6b
```
#393a6b rgb(57,58,107)
```
#42437c
```
#42437c rgb(66,67,124)
```
#4b4c8c
```
#4b4c8c rgb(75,76,140)
```
#54559d
```
#54559d rgb(84,85,157)
```
#6061aa
```
#6061aa rgb(96,97,170)
```
#7172b3
```
#7172b3 rgb(113,114,179)
```
#8282bc
```
#8282bc rgb(130,130,188)
```

Monochromatic Color

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

#54679d
```
#54679d rgb(84,103,157)
```
#54619d
```
#54619d rgb(84,97,157)
```
#545b9d
```
#545b9d rgb(84,91,157)
```
#54559d
```
#54559d rgb(84,85,157)
```
#59549d
```
#59549d rgb(89,84,157)
```
#5f549d
```
#5f549d rgb(95,84,157)
```
#65549d
```
#65549d rgb(101,84,157)
```

Similar Colors

Text with hexadecimal color #54559d

This text has a font color of #54559d.

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

#54559d background color

This paragraph has a background color of #54559d.

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

#54559d border color

This element has a border color of #54559d.

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

CSS codes

.text {color:#54559d;}

.background {background-color:#54559d;}

.border {border:1px solid #54559d;}

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

#020204
```
#020204 rgb(2,2,4)
```
#090910
```
#090910 rgb(9,9,16)
```
#10101d
```
#10101d rgb(16,16,29)
```
#16172a
```
#16172a rgb(22,23,42)
```
#1d1e37
```
#1d1e37 rgb(29,30,55)
```
#242544
```
#242544 rgb(36,37,68)
```
#2b2b50
```
#2b2b50 rgb(43,43,80)
```
#32325d
```
#32325d rgb(50,50,93)
```
#39396a
```
#39396a rgb(57,57,106)
```
#3f4077
```
#3f4077 rgb(63,64,119)
```
#464783
```
#464783 rgb(70,71,131)
```
#4d4e90
```
#4d4e90 rgb(77,78,144)
```
#54559d
```
#54559d rgb(84,85,157)
```

Shade Color Variation

#5d5ea8
```
#5d5ea8 rgb(93,94,168)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#7677b6
```
#7677b6 rgb(118,119,182)
```
#8384bd
```
#8384bd rgb(131,132,189)
```
#9090c3
```
#9090c3 rgb(144,144,195)
```
#9c9dca
```
#9c9dca rgb(156,157,202)
```
#a9aad1
```
#a9aad1 rgb(169,170,209)
```
#b6b6d8
```
#b6b6d8 rgb(182,182,216)
```
#c3c3df
```
#c3c3df rgb(195,195,223)
```
#d0d0e6
```
#d0d0e6 rgb(208,208,230)
```
#dcddec
```
#dcddec rgb(220,221,236)
```
#e9e9f3
```
#e9e9f3 rgb(233,233,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#707081
```
#707081 rgb(112,112,129)
```
#67678a
```
#67678a rgb(103,103,138)
```
#5d5e94
```
#5d5e94 rgb(93,94,148)
```
#54559d
```
#54559d rgb(84,85,157)
```
#4b4ca6
```
#4b4ca6 rgb(75,76,166)
```
#4143b0
```
#4143b0 rgb(65,67,176)
```
#383ab9
```
#383ab9 rgb(56,58,185)
```
#2f31c2
```
#2f31c2 rgb(47,49,194)
```
#2628cb
```
#2628cb rgb(38,40,203)
```
#1c1fd5
```
#1c1fd5 rgb(28,31,213)
```
#1316de
```
#1316de rgb(19,22,222)
```
#0a0de7
```
#0a0de7 rgb(10,13,231)
```
#0104f0
```
#0104f0 rgb(1,4,240)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4462a6 Protanopia 1% of men
#3b659f Deuteranopia 1% of men
#4b6971 Tritanopia 0.001% of the population

Trichromacy

#495da2 Protanomaly 1% of men, 0.01% of women
#445f9e Deuteranomaly 6% of men, 0.4% of women
#4e6281 Tritanomaly 0.01% of the population

#54559d hex color

#54559d Color Information

#54559d Color Conversion

Color Schemes with #54559d

Alternatives to #54559d

#54559d Preview

Shades and Tints of #54559d

Tones of #54559d

Color Blindness Simulator