#554dad hex color

In a RGB color space, hex #554dad is composed of 33.3% red, 30.2% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 55.5% magenta, 0% yellow and 32.2% black. It has a hue angle of 245 degrees, a saturation of 38.4% and a lightness of 49%. #554dad color hex could be obtained by blending #aa9aff with #00005b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 30
- B 68
RGB color chart
- C 51
- M 55
- Y 0
- K 32
CMYK color chart

● #554dad color description : Dark moderate blue.

The hexadecimal color #554dad has RGB values of R:85, G:77, B:173 and CMYK values of C:0.51, M:0.55, Y:0, K:0.32. Its decimal value is 5590445.

Hex triplet	554dad	`#554dad`
RGB Decimal	85, 77, 173	`rgb(85,77,173)`
RGB Percent	33.3, 30.2, 67.8	`rgb(33.3%,30.2%,67.8%)`
CMYK	51, 55, 0, 32
HSL	245°, 38.4, 49	`hsl(245,38.4%,49%)`
HSV (or HSB)	245°, 55.5, 67.8
Web Safe	666699	`#666699`

CIE-LAB	38.298, 29.649, -50.546
XYZ	13.942, 10.256, 40.778
xyY	0.215, 0.158, 10.256
CIE-LCH	38.298, 58.6, 300.395
CIE-LUV	38.298, -2.796, -74.768
Hunter-Lab	32.025, 21.665, -53.078
Binary	01010101, 01001101, 10101101

#554dad
```
#554dad rgb(85,77,173)
```
#a5ad4d
```
#a5ad4d rgb(165,173,77)
```

Complementary Color

#4d75ad
```
#4d75ad rgb(77,117,173)
```
#554dad
```
#554dad rgb(85,77,173)
```
#854dad
```
#854dad rgb(133,77,173)
```

Analogous Color

#75ad4d
```
#75ad4d rgb(117,173,77)
```
#554dad
```
#554dad rgb(85,77,173)
```
#ad854d
```
#ad854d rgb(173,133,77)
```

Split Complementary Color

#4dad55
```
#4dad55 rgb(77,173,85)
```
#554dad
```
#554dad rgb(85,77,173)
```
#ad554d
```
#ad554d rgb(173,85,77)
```

Triadic Color

#4da5ad
```
#4da5ad rgb(77,165,173)
```
#554dad
```
#554dad rgb(85,77,173)
```
#ad554d
```
#ad554d rgb(173,85,77)
```
#a5ad4d
```
#a5ad4d rgb(165,173,77)
```

Tetradic Color

#3b3578
```
#3b3578 rgb(59,53,120)
```
#443d8a
```
#443d8a rgb(68,61,138)
```
#4c459b
```
#4c459b rgb(76,69,155)
```
#554dad
```
#554dad rgb(85,77,173)
```
#645db7
```
#645db7 rgb(100,93,183)
```
#756ebf
```
#756ebf rgb(117,110,191)
```
#8680c6
```
#8680c6 rgb(134,128,198)
```

Monochromatic Color

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

#4d5dad
```
#4d5dad rgb(77,93,173)
```
#4d55ad
```
#4d55ad rgb(77,85,173)
```
#4d4dad
```
#4d4dad rgb(77,77,173)
```
#554dad
```
#554dad rgb(85,77,173)
```
#5d4dad
```
#5d4dad rgb(93,77,173)
```
#654dad
```
#654dad rgb(101,77,173)
```
#6d4dad
```
#6d4dad rgb(109,77,173)
```

Similar Colors

Text with hexadecimal color #554dad

This text has a font color of #554dad.

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

#554dad background color

This paragraph has a background color of #554dad.

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

#554dad border color

This element has a border color of #554dad.

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

CSS codes

.text {color:#554dad;}

.background {background-color:#554dad;}

.border {border:1px solid #554dad;}

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, #05050a is the darkest color, while #fcfcfd is the lightest one.

#05050a
```
#05050a rgb(5,5,10)
```
#0c0b18
```
#0c0b18 rgb(12,11,24)
```
#121125
```
#121125 rgb(18,17,37)
```
#191733
```
#191733 rgb(25,23,51)
```
#201d40
```
#201d40 rgb(32,29,64)
```
#26234e
```
#26234e rgb(38,35,78)
```
#2d295c
```
#2d295c rgb(45,41,92)
```
#342f69
```
#342f69 rgb(52,47,105)
```
#3a3577
```
#3a3577 rgb(58,53,119)
```
#413b84
```
#413b84 rgb(65,59,132)
```
#484192
```
#484192 rgb(72,65,146)
```
#4e479f
```
#4e479f rgb(78,71,159)
```
#554dad
```
#554dad rgb(85,77,173)
```

Shade Color Variation

#6059b5
```
#6059b5 rgb(96,89,181)
```
#6d66bb
```
#6d66bb rgb(109,102,187)
```
#7a74c1
```
#7a74c1 rgb(122,116,193)
```
#8781c7
```
#8781c7 rgb(135,129,199)
```
#948fcd
```
#948fcd rgb(148,143,205)
```
#a19dd3
```
#a19dd3 rgb(161,157,211)
```
#aeaad9
```
#aeaad9 rgb(174,170,217)
```
#bbb8df
```
#bbb8df rgb(187,184,223)
```
#c8c5e5
```
#c8c5e5 rgb(200,197,229)
```
#d5d3eb
```
#d5d3eb rgb(213,211,235)
```
#e2e0f1
```
#e2e0f1 rgb(226,224,241)
```
#efeef7
```
#efeef7 rgb(239,238,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#757387
```
#757387 rgb(117,115,135)
```
#6d6a90
```
#6d6a90 rgb(109,106,144)
```
#65609a
```
#65609a rgb(101,96,154)
```
#5d57a3
```
#5d57a3 rgb(93,87,163)
```
#554dad
```
#554dad rgb(85,77,173)
```
#4d43b7
```
#4d43b7 rgb(77,67,183)
```
#453ac0
```
#453ac0 rgb(69,58,192)
```
#3d30ca
```
#3d30ca rgb(61,48,202)
```
#3527d3
```
#3527d3 rgb(53,39,211)
```
#2d1ddd
```
#2d1ddd rgb(45,29,221)
```
#2513e7
```
#2513e7 rgb(37,19,231)
```
#1d0af0
```
#1d0af0 rgb(29,10,240)
```
#1500fa
```
#1500fa rgb(21,0,250)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#59576b Atypical Achromatopsia 0.001% of the population

Dichromacy

#175fb9 Protanopia 1% of men
#0064a6 Deuteranopia 1% of men
#43686f Tritanopia 0.001% of the population

Trichromacy

#2e58b5 Protanomaly 1% of men, 0.01% of women
#1e5ba8 Deuteranomaly 6% of men, 0.4% of women
#4a5e86 Tritanomaly 0.01% of the population

#554dad hex color

#554dad Color Information

#554dad Color Conversion

Color Schemes with #554dad

Alternatives to #554dad

#554dad Preview

Shades and Tints of #554dad

Tones of #554dad

Color Blindness Simulator