#554ca0 hex color

In a RGB color space, hex #554ca0 is composed of 33.3% red, 29.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 52.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 246.4 degrees, a saturation of 35.6% and a lightness of 46.3%. #554ca0 color hex could be obtained by blending #aa98ff with #000041. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 30
- B 63
RGB color chart
- C 47
- M 53
- Y 0
- K 37
CMYK color chart

● #554ca0 color description : Dark moderate blue.

The hexadecimal color #554ca0 has RGB values of R:85, G:76, B:160 and CMYK values of C:0.47, M:0.53, Y:0, K:0.37. Its decimal value is 5590176.

Hex triplet	554ca0	`#554ca0`
RGB Decimal	85, 76, 160	`rgb(85,76,160)`
RGB Percent	33.3, 29.8, 62.7	`rgb(33.3%,29.8%,62.7%)`
CMYK	47, 53, 0, 37
HSL	246.4°, 35.6, 46.3	`hsl(246.4,35.6%,46.3%)`
HSV (or HSB)	246.4°, 52.5, 62.7
Web Safe	663399	`#663399`

CIE-LAB	37.185, 26.204, -44.582
XYZ	12.675, 9.638, 34.448
xyY	0.223, 0.17, 9.638
CIE-LCH	37.185, 51.713, 300.446
CIE-LUV	37.185, -1.588, -65.486
Hunter-Lab	31.045, 18.547, -44.058
Binary	01010101, 01001100, 10100000

#554ca0
```
#554ca0 rgb(85,76,160)
```
#97a04c
```
#97a04c rgb(151,160,76)
```

Complementary Color

#4c6da0
```
#4c6da0 rgb(76,109,160)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```
#7f4ca0
```
#7f4ca0 rgb(127,76,160)
```

Analogous Color

#6da04c
```
#6da04c rgb(109,160,76)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```
#a07f4c
```
#a07f4c rgb(160,127,76)
```

Split Complementary Color

#4ca055
```
#4ca055 rgb(76,160,85)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```
#a0554c
```
#a0554c rgb(160,85,76)
```

Triadic Color

#4c97a0
```
#4c97a0 rgb(76,151,160)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```
#a0554c
```
#a0554c rgb(160,85,76)
```
#97a04c
```
#97a04c rgb(151,160,76)
```

Tetradic Color

#39336c
```
#39336c rgb(57,51,108)
```
#433c7d
```
#433c7d rgb(67,60,125)
```
#4c448f
```
#4c448f rgb(76,68,143)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```
#6057af
```
#6057af rgb(96,87,175)
```
#7068b7
```
#7068b7 rgb(112,104,183)
```
#8179bf
```
#8179bf rgb(129,121,191)
```

Monochromatic Color

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

#4c58a0
```
#4c58a0 rgb(76,88,160)
```
#4c51a0
```
#4c51a0 rgb(76,81,160)
```
#4e4ca0
```
#4e4ca0 rgb(78,76,160)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```
#5c4ca0
```
#5c4ca0 rgb(92,76,160)
```
#634ca0
```
#634ca0 rgb(99,76,160)
```
#6a4ca0
```
#6a4ca0 rgb(106,76,160)
```

Similar Colors

Text with hexadecimal color #554ca0

This text has a font color of #554ca0.

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

#554ca0 background color

This paragraph has a background color of #554ca0.

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

#554ca0 border color

This element has a border color of #554ca0.

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

CSS codes

.text {color:#554ca0;}

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

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

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 #f3f2f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#07070e
```
#07070e rgb(7,7,14)
```
#0e0d1b
```
#0e0d1b rgb(14,13,27)
```
#151328
```
#151328 rgb(21,19,40)
```
#1c1936
```
#1c1936 rgb(28,25,54)
```
#242043
```
#242043 rgb(36,32,67)
```
#2b2650
```
#2b2650 rgb(43,38,80)
```
#322c5e
```
#322c5e rgb(50,44,94)
```
#39336b
```
#39336b rgb(57,51,107)
```
#403978
```
#403978 rgb(64,57,120)
```
#473f85
```
#473f85 rgb(71,63,133)
```
#4e4693
```
#4e4693 rgb(78,70,147)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```

Shade Color Variation

#5c53ad
```
#5c53ad rgb(92,83,173)
```
#6960b3
```
#6960b3 rgb(105,96,179)
```
#756dba
```
#756dba rgb(117,109,186)
```
#827ac0
```
#827ac0 rgb(130,122,192)
```
#8e88c6
```
#8e88c6 rgb(142,136,198)
```
#9b95cd
```
#9b95cd rgb(155,149,205)
```
#a8a2d3
```
#a8a2d3 rgb(168,162,211)
```
#b4b0d9
```
#b4b0d9 rgb(180,176,217)
```
#c1bde0
```
#c1bde0 rgb(193,189,224)
```
#cdcae6
```
#cdcae6 rgb(205,202,230)
```
#dad8ec
```
#dad8ec rgb(218,216,236)
```
#e6e5f3
```
#e6e5f3 rgb(230,229,243)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#72707c
```
#72707c rgb(114,112,124)
```
#6a6785
```
#6a6785 rgb(106,103,133)
```
#635e8e
```
#635e8e rgb(99,94,142)
```
#5c5597
```
#5c5597 rgb(92,85,151)
```
#554ca0
```
#554ca0 rgb(85,76,160)
```
#4e43a9
```
#4e43a9 rgb(78,67,169)
```
#473ab2
```
#473ab2 rgb(71,58,178)
```
#4031bb
```
#4031bb rgb(64,49,187)
```
#3828c4
```
#3828c4 rgb(56,40,196)
```
#311fcd
```
#311fcd rgb(49,31,205)
```
#2a16d6
```
#2a16d6 rgb(42,22,214)
```
#230ce0
```
#230ce0 rgb(35,12,224)
```
#1c03e9
```
#1c03e9 rgb(28,3,233)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#575666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f5dac Protanopia 1% of men
#2161a0 Deuteranopia 1% of men
#49646b Tritanopia 0.001% of the population

Trichromacy

#3c57a7 Protanomaly 1% of men, 0.01% of women
#3459a0 Deuteranomaly 6% of men, 0.4% of women
#4d5b7e Tritanomaly 0.01% of the population

#554ca0 hex color

#554ca0 Color Information

#554ca0 Color Conversion

Color Schemes with #554ca0

Alternatives to #554ca0

#554ca0 Preview

Shades and Tints of #554ca0

Tones of #554ca0

Color Blindness Simulator