#554cb0 hex color

In a RGB color space, hex #554cb0 is composed of 33.3% red, 29.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 56.8% magenta, 0% yellow and 31% black. It has a hue angle of 245.4 degrees, a saturation of 39.7% and a lightness of 49.4%. #554cb0 color hex could be obtained by blending #aa98ff with #000061. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 30
- B 69
RGB color chart
- C 52
- M 57
- Y 0
- K 31
CMYK color chart

● #554cb0 color description : Dark moderate blue.

The hexadecimal color #554cb0 has RGB values of R:85, G:76, B:176 and CMYK values of C:0.52, M:0.57, Y:0, K:0.31. Its decimal value is 5590192.

Hex triplet	554cb0	`#554cb0`
RGB Decimal	85, 76, 176	`rgb(85,76,176)`
RGB Percent	33.3, 29.8, 69	`rgb(33.3%,29.8%,69%)`
CMYK	52, 57, 0, 31
HSL	245.4°, 39.7, 49.4	`hsl(245.4,39.7%,49.4%)`
HSV (or HSB)	245.4°, 56.8, 69
Web Safe	663399	`#663399`

CIE-LAB	38.26, 31.218, -52.384
XYZ	14.166, 10.234, 42.301
xyY	0.212, 0.153, 10.234
CIE-LCH	38.26, 60.98, 300.793
CIE-LUV	38.26, -2.731, -77.422
Hunter-Lab	31.991, 23.055, -56.004
Binary	01010101, 01001100, 10110000

#554cb0
```
#554cb0 rgb(85,76,176)
```
#a7b04c
```
#a7b04c rgb(167,176,76)
```

Complementary Color

#4c75b0
```
#4c75b0 rgb(76,117,176)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```
#874cb0
```
#874cb0 rgb(135,76,176)
```

Analogous Color

#75b04c
```
#75b04c rgb(117,176,76)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```
#b0874c
```
#b0874c rgb(176,135,76)
```

Split Complementary Color

#4cb055
```
#4cb055 rgb(76,176,85)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```
#b0554c
```
#b0554c rgb(176,85,76)
```

Triadic Color

#4ca7b0
```
#4ca7b0 rgb(76,167,176)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```
#b0554c
```
#b0554c rgb(176,85,76)
```
#a7b04c
```
#a7b04c rgb(167,176,76)
```

Tetradic Color

#3b357b
```
#3b357b rgb(59,53,123)
```
#443d8c
```
#443d8c rgb(68,61,140)
```
#4c449e
```
#4c449e rgb(76,68,158)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```
#655db9
```
#655db9 rgb(101,93,185)
```
#766ec1
```
#766ec1 rgb(118,110,193)
```
#8780c8
```
#8780c8 rgb(135,128,200)
```

Monochromatic Color

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

#4c5cb0
```
#4c5cb0 rgb(76,92,176)
```
#4c54b0
```
#4c54b0 rgb(76,84,176)
```
#4d4cb0
```
#4d4cb0 rgb(77,76,176)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```
#5d4cb0
```
#5d4cb0 rgb(93,76,176)
```
#664cb0
```
#664cb0 rgb(102,76,176)
```
#6e4cb0
```
#6e4cb0 rgb(110,76,176)
```

Similar Colors

Text with hexadecimal color #554cb0

This text has a font color of #554cb0.

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

#554cb0 background color

This paragraph has a background color of #554cb0.

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

#554cb0 border color

This element has a border color of #554cb0.

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

CSS codes

.text {color:#554cb0;}

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

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

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, #06050c is the darkest color, while #fdfdfe is the lightest one.

#06050c
```
#06050c rgb(6,5,12)
```
#0c0b19
```
#0c0b19 rgb(12,11,25)
```
#131127
```
#131127 rgb(19,17,39)
```
#191735
```
#191735 rgb(25,23,53)
```
#201d42
```
#201d42 rgb(32,29,66)
```
#272350
```
#272350 rgb(39,35,80)
```
#2d295e
```
#2d295e rgb(45,41,94)
```
#342e6c
```
#342e6c rgb(52,46,108)
```
#3b3479
```
#3b3479 rgb(59,52,121)
```
#413a87
```
#413a87 rgb(65,58,135)
```
#484095
```
#484095 rgb(72,64,149)
```
#4e46a2
```
#4e46a2 rgb(78,70,162)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```

Shade Color Variation

#6159b7
```
#6159b7 rgb(97,89,183)
```
#6e66bd
```
#6e66bd rgb(110,102,189)
```
#7b74c3
```
#7b74c3 rgb(123,116,195)
```
#8882c9
```
#8882c9 rgb(136,130,201)
```
#958fcf
```
#958fcf rgb(149,143,207)
```
#a29dd5
```
#a29dd5 rgb(162,157,213)
```
#afabdb
```
#afabdb rgb(175,171,219)
```
#bcb8e1
```
#bcb8e1 rgb(188,184,225)
```
#c9c6e6
```
#c9c6e6 rgb(201,198,230)
```
#d6d4ec
```
#d6d4ec rgb(214,212,236)
```
#e3e2f2
```
#e3e2f2 rgb(227,226,242)
```
#f0eff8
```
#f0eff8 rgb(240,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7d7c80
```
#7d7c80 rgb(125,124,128)
```
#757389
```
#757389 rgb(117,115,137)
```
#6d6993
```
#6d6993 rgb(109,105,147)
```
#655f9d
```
#655f9d rgb(101,95,157)
```
#5d56a6
```
#5d56a6 rgb(93,86,166)
```
#554cb0
```
#554cb0 rgb(85,76,176)
```
#4d42ba
```
#4d42ba rgb(77,66,186)
```
#4539c3
```
#4539c3 rgb(69,57,195)
```
#3d2fcd
```
#3d2fcd rgb(61,47,205)
```
#3525d7
```
#3525d7 rgb(53,37,215)
```
#2d1ce0
```
#2d1ce0 rgb(45,28,224)
```
#2512ea
```
#2512ea rgb(37,18,234)
```
#1d08f4
```
#1d08f4 rgb(29,8,244)
```

Tone Color Variation

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

#005fbb Protanopia 1% of men
#0064a6 Deuteranopia 1% of men
#416870 Tritanopia 0.001% of the population

Trichromacy

#1e58b7 Protanomaly 1% of men, 0.01% of women
#1e5ba9 Deuteranomaly 6% of men, 0.4% of women
#485e87 Tritanomaly 0.01% of the population

#554cb0 hex color

#554cb0 Color Information

#554cb0 Color Conversion

Color Schemes with #554cb0

Alternatives to #554cb0

#554cb0 Preview

Shades and Tints of #554cb0

Tones of #554cb0

Color Blindness Simulator