#554fb5 hex color

In a RGB color space, hex #554fb5 is composed of 33.3% red, 31% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 56.4% magenta, 0% yellow and 29% black. It has a hue angle of 243.5 degrees, a saturation of 40.8% and a lightness of 51%. #554fb5 color hex could be obtained by blending #aa9eff with #00006b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 71
RGB color chart
- C 53
- M 56
- Y 0
- K 29
CMYK color chart

● #554fb5 color description : Moderate blue.

The hexadecimal color #554fb5 has RGB values of R:85, G:79, B:181 and CMYK values of C:0.53, M:0.56, Y:0, K:0.29. Its decimal value is 5590965.

Hex triplet	554fb5	`#554fb5`
RGB Decimal	85, 79, 181	`rgb(85,79,181)`
RGB Percent	33.3, 31, 71	`rgb(33.3%,31%,71%)`
CMYK	53, 56, 0, 29
HSL	243.5°, 40.8, 51	`hsl(243.5,40.8%,51%)`
HSV (or HSB)	243.5°, 56.4, 71
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.342, 30.943, -53.586
XYZ	14.881, 10.859, 45.025
xyY	0.21, 0.153, 10.859
CIE-LCH	39.342, 61.879, 300.004
CIE-LUV	39.342, -3.871, -79.755
Hunter-Lab	32.953, 22.941, -57.944
Binary	01010101, 01001111, 10110101

#554fb5
```
#554fb5 rgb(85,79,181)
```
#afb54f
```
#afb54f rgb(175,181,79)
```

Complementary Color

#4f7cb5
```
#4f7cb5 rgb(79,124,181)
```
#554fb5
```
#554fb5 rgb(85,79,181)
```
#884fb5
```
#884fb5 rgb(136,79,181)
```

Analogous Color

#7cb54f
```
#7cb54f rgb(124,181,79)
```
#554fb5
```
#554fb5 rgb(85,79,181)
```
#b5884f
```
#b5884f rgb(181,136,79)
```

Split Complementary Color

#4fb555
```
#4fb555 rgb(79,181,85)
```
#554fb5
```
#554fb5 rgb(85,79,181)
```
#b5554f
```
#b5554f rgb(181,85,79)
```

Triadic Color

#4fafb5
```
#4fafb5 rgb(79,175,181)
```
#554fb5
```
#554fb5 rgb(85,79,181)
```
#b5554f
```
#b5554f rgb(181,85,79)
```
#afb54f
```
#afb54f rgb(175,181,79)
```

Tetradic Color

#3b3681
```
#3b3681 rgb(59,54,129)
```
#433e93
```
#433e93 rgb(67,62,147)
```
#4b45a5
```
#4b45a5 rgb(75,69,165)
```
#554fb5
```
#554fb5 rgb(85,79,181)
```
#6661bd
```
#6661bd rgb(102,97,189)
```
#7873c4
```
#7873c4 rgb(120,115,196)
```
#8985cc
```
#8985cc rgb(137,133,204)
```

Monochromatic Color

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

#4f63b5
```
#4f63b5 rgb(79,99,181)
```
#4f5ab5
```
#4f5ab5 rgb(79,90,181)
```
#4f52b5
```
#4f52b5 rgb(79,82,181)
```
#554fb5
```
#554fb5 rgb(85,79,181)
```
#5d4fb5
```
#5d4fb5 rgb(93,79,181)
```
#664fb5
```
#664fb5 rgb(102,79,181)
```
#6f4fb5
```
#6f4fb5 rgb(111,79,181)
```

Similar Colors

Text with hexadecimal color #554fb5

This text has a font color of #554fb5.

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

#554fb5 background color

This paragraph has a background color of #554fb5.

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

#554fb5 border color

This element has a border color of #554fb5.

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

CSS codes

.text {color:#554fb5;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080711
```
#080711 rgb(8,7,17)
```
#0e0d1f
```
#0e0d1f rgb(14,13,31)
```
#14132d
```
#14132d rgb(20,19,45)
```
#1b193b
```
#1b193b rgb(27,25,59)
```
#211f49
```
#211f49 rgb(33,31,73)
```
#272456
```
#272456 rgb(39,36,86)
```
#2e2a64
```
#2e2a64 rgb(46,42,100)
```
#343072
```
#343072 rgb(52,48,114)
```
#3a3680
```
#3a3680 rgb(58,54,128)
```
#403c8e
```
#403c8e rgb(64,60,142)
```
#47419b
```
#47419b rgb(71,65,155)
```
#4d47a9
```
#4d47a9 rgb(77,71,169)
```

Shade Color Variation

#554fb5
```
#554fb5 rgb(85,79,181)
```
#625dbb
```
#625dbb rgb(98,93,187)
```
#706bc1
```
#706bc1 rgb(112,107,193)
```
#7d78c6
```
#7d78c6 rgb(125,120,198)
```
#8a86cc
```
#8a86cc rgb(138,134,204)
```
#9894d2
```
#9894d2 rgb(152,148,210)
```
#a5a2d8
```
#a5a2d8 rgb(165,162,216)
```
#b2b0de
```
#b2b0de rgb(178,176,222)
```
#c0bde3
```
#c0bde3 rgb(192,189,227)
```
#cdcbe9
```
#cdcbe9 rgb(205,203,233)
```
#dad9ef
```
#dad9ef rgb(218,217,239)
```
#e8e7f5
```
#e8e7f5 rgb(232,231,245)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#7f7f85
```
#7f7f85 rgb(127,127,133)
```
#77758f
```
#77758f rgb(119,117,143)
```
#6e6c98
```
#6e6c98 rgb(110,108,152)
```
#6662a2
```
#6662a2 rgb(102,98,162)
```
#5d59ab
```
#5d59ab rgb(93,89,171)
```
#554fb5
```
#554fb5 rgb(85,79,181)
```
#4d45bf
```
#4d45bf rgb(77,69,191)
```
#443cc8
```
#443cc8 rgb(68,60,200)
```
#3c32d2
```
#3c32d2 rgb(60,50,210)
```
#3329db
```
#3329db rgb(51,41,219)
```
#2b1fe5
```
#2b1fe5 rgb(43,31,229)
```
#2215ef
```
#2215ef rgb(34,21,239)
```
#1a0cf8
```
#1a0cf8 rgb(26,12,248)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5b596e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061c0 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#3f6b73 Tritanopia 0.001% of the population

Trichromacy

#1e5bbc Protanomaly 1% of men, 0.01% of women
#1e5eae Deuteranomaly 6% of men, 0.4% of women
#47618b Tritanomaly 0.01% of the population

#554fb5 hex color

#554fb5 Color Information

#554fb5 Color Conversion

Color Schemes with #554fb5

Alternatives to #554fb5

#554fb5 Preview

Shades and Tints of #554fb5

Tones of #554fb5

Color Blindness Simulator