#554bc9 hex color

In a RGB color space, hex #554bc9 is composed of 33.3% red, 29.4% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 62.7% magenta, 0% yellow and 21.2% black. It has a hue angle of 244.8 degrees, a saturation of 53.8% and a lightness of 54.1%. #554bc9 color hex could be obtained by blending #aa96ff with #000093. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 29
- B 79
RGB color chart
- C 58
- M 63
- Y 0
- K 21
CMYK color chart

● #554bc9 color description : Moderate blue.

The hexadecimal color #554bc9 has RGB values of R:85, G:75, B:201 and CMYK values of C:0.58, M:0.63, Y:0, K:0.21. Its decimal value is 5589961.

Hex triplet	554bc9	`#554bc9`
RGB Decimal	85, 75, 201	`rgb(85,75,201)`
RGB Percent	33.3, 29.4, 78.8	`rgb(33.3%,29.4%,78.8%)`
CMYK	58, 63, 0, 21
HSL	244.8°, 53.8, 54.1	`hsl(244.8,53.8%,54.1%)`
HSV (or HSB)	244.8°, 62.7, 78.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.882, 39.751, -64.394
XYZ	16.803, 11.18, 56.528
xyY	0.199, 0.132, 11.18
CIE-LCH	39.882, 75.675, 301.687
CIE-LUV	39.882, -4.158, -95.485
Hunter-Lab	33.436, 31.189, -76.831
Binary	01010101, 01001011, 11001001

#554bc9
```
#554bc9 rgb(85,75,201)
```
#bfc94b
```
#bfc94b rgb(191,201,75)
```

Complementary Color

#4b80c9
```
#4b80c9 rgb(75,128,201)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#944bc9
```
#944bc9 rgb(148,75,201)
```

Analogous Color

#80c94b
```
#80c94b rgb(128,201,75)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#c9944b
```
#c9944b rgb(201,148,75)
```

Split Complementary Color

#4bc955
```
#4bc955 rgb(75,201,85)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#c9554b
```
#c9554b rgb(201,85,75)
```

Triadic Color

#4bbfc9
```
#4bbfc9 rgb(75,191,201)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#c9554b
```
#c9554b rgb(201,85,75)
```
#bfc94b
```
#bfc94b rgb(191,201,75)
```

Tetradic Color

#372e99
```
#372e99 rgb(55,46,153)
```
#3e34ad
```
#3e34ad rgb(62,52,173)
```
#453ac1
```
#453ac1 rgb(69,58,193)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#685fcf
```
#685fcf rgb(104,95,207)
```
#7a72d5
```
#7a72d5 rgb(122,114,213)
```
#8d86db
```
#8d86db rgb(141,134,219)
```

Monochromatic Color

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

#4b61c9
```
#4b61c9 rgb(75,97,201)
```
#4b56c9
```
#4b56c9 rgb(75,86,201)
```
#4b4cc9
```
#4b4cc9 rgb(75,76,201)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#604bc9
```
#604bc9 rgb(96,75,201)
```
#6a4bc9
```
#6a4bc9 rgb(106,75,201)
```
#754bc9
```
#754bc9 rgb(117,75,201)
```

Similar Colors

Text with hexadecimal color #554bc9

This text has a font color of #554bc9.

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

#554bc9 background color

This paragraph has a background color of #554bc9.

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

#554bc9 border color

This element has a border color of #554bc9.

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

CSS codes

.text {color:#554bc9;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060510
```
#060510 rgb(6,5,16)
```
#0b091f
```
#0b091f rgb(11,9,31)
```
#100e2e
```
#100e2e rgb(16,14,46)
```
#16123d
```
#16123d rgb(22,18,61)
```
#1b174d
```
#1b174d rgb(27,23,77)
```
#211b5c
```
#211b5c rgb(33,27,92)
```
#26206b
```
#26206b rgb(38,32,107)
```
#2b257a
```
#2b257a rgb(43,37,122)
```
#312989
```
#312989 rgb(49,41,137)
```
#362e98
```
#362e98 rgb(54,46,152)
```
#3b32a7
```
#3b32a7 rgb(59,50,167)
```
#4137b6
```
#4137b6 rgb(65,55,182)
```

Shade Color Variation

#473cc4
```
#473cc4 rgb(71,60,196)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#635ace
```
#635ace rgb(99,90,206)
```
#7269d2
```
#7269d2 rgb(114,105,210)
```
#8078d7
```
#8078d7 rgb(128,120,215)
```
#8e87db
```
#8e87db rgb(142,135,219)
```
#9c96e0
```
#9c96e0 rgb(156,150,224)
```
#aba6e4
```
#aba6e4 rgb(171,166,228)
```
#b9b5e9
```
#b9b5e9 rgb(185,181,233)
```
#c7c4ed
```
#c7c4ed rgb(199,196,237)
```
#d5d3f2
```
#d5d3f2 rgb(213,211,242)
```
#e4e2f6
```
#e4e2f6 rgb(228,226,246)
```
#f2f1fb
```
#f2f1fb rgb(242,241,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828193 is the less saturated color, while #2815ff is the most saturated one.

#828193
```
#828193 rgb(130,129,147)
```
#7b789c
```
#7b789c rgb(123,120,156)
```
#736fa5
```
#736fa5 rgb(115,111,165)
```
#6c66ae
```
#6c66ae rgb(108,102,174)
```
#645db7
```
#645db7 rgb(100,93,183)
```
#5d54c0
```
#5d54c0 rgb(93,84,192)
```
#554bc9
```
#554bc9 rgb(85,75,201)
```
#4d42d2
```
#4d42d2 rgb(77,66,210)
```
#4639db
```
#4639db rgb(70,57,219)
```
#3e30e4
```
#3e30e4 rgb(62,48,228)
```
#3727ed
```
#3727ed rgb(55,39,237)
```
#2f1ef6
```
#2f1ef6 rgb(47,30,246)
```
#2815ff
```
#2815ff rgb(40,21,255)
```

Tone Color Variation

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

Dichromacy

#0063c2 Protanopia 1% of men
#0068aa Deuteranopia 1% of men
#2d6e76 Tritanopia 0.001% of the population

Trichromacy

#1e5ac4 Protanomaly 1% of men, 0.01% of women
#1e5db5 Deuteranomaly 6% of men, 0.4% of women
#3c6194 Tritanomaly 0.01% of the population

#554bc9 hex color

#554bc9 Color Information

#554bc9 Color Conversion

Color Schemes with #554bc9

Alternatives to #554bc9

#554bc9 Preview

Shades and Tints of #554bc9

Tones of #554bc9

Color Blindness Simulator