#554bc5 hex color

In a RGB color space, hex #554bc5 is composed of 33.3% red, 29.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 61.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 244.9 degrees, a saturation of 51.3% and a lightness of 53.3%. #554bc5 color hex could be obtained by blending #aa96ff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 29
- B 77
RGB color chart
- C 57
- M 62
- Y 0
- K 23
CMYK color chart

● #554bc5 color description : Moderate blue.

The hexadecimal color #554bc5 has RGB values of R:85, G:75, B:197 and CMYK values of C:0.57, M:0.62, Y:0, K:0.23. Its decimal value is 5589957.

Hex triplet	554bc5	`#554bc5`
RGB Decimal	85, 75, 197	`rgb(85,75,197)`
RGB Percent	33.3, 29.4, 77.3	`rgb(33.3%,29.4%,77.3%)`
CMYK	57, 62, 0, 23
HSL	244.9°, 51.3, 53.3	`hsl(244.9,51.3%,53.3%)`
HSV (or HSB)	244.9°, 61.9, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.57, 38.483, -62.578
XYZ	16.338, 10.994, 54.081
xyY	0.201, 0.135, 10.994
CIE-LCH	39.57, 73.464, 301.59
CIE-LUV	39.57, -3.898, -92.737
Hunter-Lab	33.157, 29.932, -73.495
Binary	01010101, 01001011, 11000101

#554bc5
```
#554bc5 rgb(85,75,197)
```
#bbc54b
```
#bbc54b rgb(187,197,75)
```

Complementary Color

#4b7ec5
```
#4b7ec5 rgb(75,126,197)
```
#554bc5
```
#554bc5 rgb(85,75,197)
```
#924bc5
```
#924bc5 rgb(146,75,197)
```

Analogous Color

#7ec54b
```
#7ec54b rgb(126,197,75)
```
#554bc5
```
#554bc5 rgb(85,75,197)
```
#c5924b
```
#c5924b rgb(197,146,75)
```

Split Complementary Color

#4bc555
```
#4bc555 rgb(75,197,85)
```
#554bc5
```
#554bc5 rgb(85,75,197)
```
#c5554b
```
#c5554b rgb(197,85,75)
```

Triadic Color

#4bbbc5
```
#4bbbc5 rgb(75,187,197)
```
#554bc5
```
#554bc5 rgb(85,75,197)
```
#c5554b
```
#c5554b rgb(197,85,75)
```
#bbc54b
```
#bbc54b rgb(187,197,75)
```

Tetradic Color

#383094
```
#383094 rgb(56,48,148)
```
#3f36a7
```
#3f36a7 rgb(63,54,167)
```
#463cba
```
#463cba rgb(70,60,186)
```
#554bc5
```
#554bc5 rgb(85,75,197)
```
#675ecb
```
#675ecb rgb(103,94,203)
```
#7972d1
```
#7972d1 rgb(121,114,209)
```
#8c85d8
```
#8c85d8 rgb(140,133,216)
```

Monochromatic Color

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

#4b5fc5
```
#4b5fc5 rgb(75,95,197)
```
#4b55c5
```
#4b55c5 rgb(75,85,197)
```
#4b4bc5
```
#4b4bc5 rgb(75,75,197)
```
#554bc5
```
#554bc5 rgb(85,75,197)
```
#5f4bc5
```
#5f4bc5 rgb(95,75,197)
```
#694bc5
```
#694bc5 rgb(105,75,197)
```
#744bc5
```
#744bc5 rgb(116,75,197)
```

Similar Colors

Text with hexadecimal color #554bc5

This text has a font color of #554bc5.

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

#554bc5 background color

This paragraph has a background color of #554bc5.

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

#554bc5 border color

This element has a border color of #554bc5.

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

CSS codes

.text {color:#554bc5;}

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

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

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

#05040d
```
#05040d rgb(5,4,13)
```
#0a091c
```
#0a091c rgb(10,9,28)
```
#100e2b
```
#100e2b rgb(16,14,43)
```
#161239
```
#161239 rgb(22,18,57)
```
#1b1748
```
#1b1748 rgb(27,23,72)
```
#211c57
```
#211c57 rgb(33,28,87)
```
#262166
```
#262166 rgb(38,33,102)
```
#2c2675
```
#2c2675 rgb(44,38,117)
```
#322a84
```
#322a84 rgb(50,42,132)
```
#372f92
```
#372f92 rgb(55,47,146)
```
#3d34a1
```
#3d34a1 rgb(61,52,161)
```
#4339b0
```
#4339b0 rgb(67,57,176)
```
#483ebf
```
#483ebf rgb(72,62,191)
```

Shade Color Variation

#554bc5
```
#554bc5 rgb(85,75,197)
```
#635aca
```
#635aca rgb(99,90,202)
```
#7169cf
```
#7169cf rgb(113,105,207)
```
#7f78d3
```
#7f78d3 rgb(127,120,211)
```
#8d86d8
```
#8d86d8 rgb(141,134,216)
```
#9b95dd
```
#9b95dd rgb(155,149,221)
```
#a9a4e2
```
#a9a4e2 rgb(169,164,226)
```
#b7b3e6
```
#b7b3e6 rgb(183,179,230)
```
#c5c2eb
```
#c5c2eb rgb(197,194,235)
```
#d3d1f0
```
#d3d1f0 rgb(211,209,240)
```
#e1dff5
```
#e1dff5 rgb(225,223,245)
```
#efeefa
```
#efeefa rgb(239,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83828e is the less saturated color, while #2714fc is the most saturated one.

#83828e
```
#83828e rgb(131,130,142)
```
#7b7997
```
#7b7997 rgb(123,121,151)
```
#7470a0
```
#7470a0 rgb(116,112,160)
```
#6c66aa
```
#6c66aa rgb(108,102,170)
```
#645db3
```
#645db3 rgb(100,93,179)
```
#5d54bc
```
#5d54bc rgb(93,84,188)
```
#554bc5
```
#554bc5 rgb(85,75,197)
```
#4d42ce
```
#4d42ce rgb(77,66,206)
```
#4639d7
```
#4639d7 rgb(70,57,215)
```
#3e30e0
```
#3e30e0 rgb(62,48,224)
```
#3626ea
```
#3626ea rgb(54,38,234)
```
#2f1df3
```
#2f1df3 rgb(47,29,243)
```
#2714fc
```
#2714fc rgb(39,20,252)
```

Tone Color Variation

Below, you can see how #554bc5 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
#5b5971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067a9 Deuteranopia 1% of men
#326d75 Tritanopia 0.001% of the population

Trichromacy

#1e59c2 Protanomaly 1% of men, 0.01% of women
#1e5db3 Deuteranomaly 6% of men, 0.4% of women
#3e6192 Tritanomaly 0.01% of the population

#554bc5 hex color

#554bc5 Color Information

#554bc5 Color Conversion

Color Schemes with #554bc5

Alternatives to #554bc5

#554bc5 Preview

Shades and Tints of #554bc5

Tones of #554bc5

Color Blindness Simulator