#554b87 hex color

In a RGB color space, hex #554b87 is composed of 33.3% red, 29.4% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 44.4% magenta, 0% yellow and 47.1% black. It has a hue angle of 250 degrees, a saturation of 28.6% and a lightness of 41.2%. #554b87 color hex could be obtained by blending #aa96ff with #00000f. Closest websafe color is: #663399.

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

● #554b87 color description : Mostly desaturated dark blue.

The hexadecimal color #554b87 has RGB values of R:85, G:75, B:135 and CMYK values of C:0.37, M:0.44, Y:0, K:0.47. Its decimal value is 5589895.

Hex triplet	554b87	`#554b87`
RGB Decimal	85, 75, 135	`rgb(85,75,135)`
RGB Percent	33.3, 29.4, 52.9	`rgb(33.3%,29.4%,52.9%)`
CMYK	37, 44, 0, 47
HSL	250°, 28.6, 41.2	`hsl(250,28.6%,41.2%)`
HSV (or HSB)	250°, 44.4, 52.9
Web Safe	663399	`#663399`

CIE-LAB	35.425, 19.276, -32.219
XYZ	10.635, 8.713, 24.042
xyY	0.245, 0.201, 8.713
CIE-LCH	35.425, 37.545, 300.891
CIE-LUV	35.425, 0.67, -46.5
Hunter-Lab	29.517, 12.657, -27.63
Binary	01010101, 01001011, 10000111

#554b87
```
#554b87 rgb(85,75,135)
```
#7d874b
```
#7d874b rgb(125,135,75)
```

Complementary Color

#4b5f87
```
#4b5f87 rgb(75,95,135)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#734b87
```
#734b87 rgb(115,75,135)
```

Analogous Color

#5f874b
```
#5f874b rgb(95,135,75)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#87734b
```
#87734b rgb(135,115,75)
```

Split Complementary Color

#4b8755
```
#4b8755 rgb(75,135,85)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#87554b
```
#87554b rgb(135,85,75)
```

Triadic Color

#4b7d87
```
#4b7d87 rgb(75,125,135)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#87554b
```
#87554b rgb(135,85,75)
```
#7d874b
```
#7d874b rgb(125,135,75)
```

Tetradic Color

#363056
```
#363056 rgb(54,48,86)
```
#403966
```
#403966 rgb(64,57,102)
```
#4b4277
```
#4b4277 rgb(75,66,119)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#5f5497
```
#5f5497 rgb(95,84,151)
```
#6b5fa6
```
#6b5fa6 rgb(107,95,166)
```
#7a6faf
```
#7a6faf rgb(122,111,175)
```

Monochromatic Color

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

#4b5087
```
#4b5087 rgb(75,80,135)
```
#4b4b87
```
#4b4b87 rgb(75,75,135)
```
#504b87
```
#504b87 rgb(80,75,135)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#5a4b87
```
#5a4b87 rgb(90,75,135)
```
#5f4b87
```
#5f4b87 rgb(95,75,135)
```
#644b87
```
#644b87 rgb(100,75,135)
```

Similar Colors

Text with hexadecimal color #554b87

This text has a font color of #554b87.

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

#554b87 background color

This paragraph has a background color of #554b87.

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

#554b87 border color

This element has a border color of #554b87.

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

CSS codes

.text {color:#554b87;}

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

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

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

#060509
```
#060509 rgb(6,5,9)
```
#0e0c16
```
#0e0c16 rgb(14,12,22)
```
#151322
```
#151322 rgb(21,19,34)
```
#1d1a2f
```
#1d1a2f rgb(29,26,47)
```
#25213b
```
#25213b rgb(37,33,59)
```
#2d2848
```
#2d2848 rgb(45,40,72)
```
#352f55
```
#352f55 rgb(53,47,85)
```
#3d3661
```
#3d3661 rgb(61,54,97)
```
#453d6e
```
#453d6e rgb(69,61,110)
```
#4d447a
```
#4d447a rgb(77,68,122)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#5d5294
```
#5d5294 rgb(93,82,148)
```
#6559a0
```
#6559a0 rgb(101,89,160)
```

Shade Color Variation

#6f64a9
```
#6f64a9 rgb(111,100,169)
```
#7b71b0
```
#7b71b0 rgb(123,113,176)
```
#877db7
```
#877db7 rgb(135,125,183)
```
#928abe
```
#928abe rgb(146,138,190)
```
#9e96c5
```
#9e96c5 rgb(158,150,197)
```
#aaa3cc
```
#aaa3cc rgb(170,163,204)
```
#b6b0d3
```
#b6b0d3 rgb(182,176,211)
```
#c1bcda
```
#c1bcda rgb(193,188,218)
```
#cdc9e1
```
#cdc9e1 rgb(205,201,225)
```
#d9d5e8
```
#d9d5e8 rgb(217,213,232)
```
#e4e2ef
```
#e4e2ef rgb(228,226,239)
```
#f0eff6
```
#f0eff6 rgb(240,239,246)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65636f is the less saturated color, while #2502d0 is the most saturated one.

#65636f
```
#65636f rgb(101,99,111)
```
#605b77
```
#605b77 rgb(96,91,119)
```
#5a537f
```
#5a537f rgb(90,83,127)
```
#554b87
```
#554b87 rgb(85,75,135)
```
#50438f
```
#50438f rgb(80,67,143)
```
#4a3b97
```
#4a3b97 rgb(74,59,151)
```
#45339f
```
#45339f rgb(69,51,159)
```
#3f2ba7
```
#3f2ba7 rgb(63,43,167)
```
#3a23af
```
#3a23af rgb(58,35,175)
```
#351bb7
```
#351bb7 rgb(53,27,183)
```
#2f12c0
```
#2f12c0 rgb(47,18,192)
```
#2a0ac8
```
#2a0ac8 rgb(42,10,200)
```
#2502d0
```
#2502d0 rgb(37,2,208)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#55535f Atypical Achromatopsia 0.001% of the population

Dichromacy

#435a92 Protanopia 1% of men
#415c8a Deuteranopia 1% of men
#525d64 Tritanopia 0.001% of the population

Trichromacy

#49548e Protanomaly 1% of men, 0.01% of women
#485589 Deuteranomaly 6% of men, 0.4% of women
#535771 Tritanomaly 0.01% of the population

#554b87 hex color

#554b87 Color Information

#554b87 Color Conversion

Color Schemes with #554b87

Alternatives to #554b87

#554b87 Preview

Shades and Tints of #554b87

Tones of #554b87

Color Blindness Simulator