colorhexa.com

#554996 hex color

In a RGB color space, hex #554996 is composed of 33.3% red, 28.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 51.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 249.4 degrees, a saturation of 34.5% and a lightness of 43.7%. #554996 color hex could be obtained by blending #aa92ff with #00002d. Closest websafe color is: #663399.

- R 33
- G 29
- B 59
RGB color chart
- C 43
- M 51
- Y 0
- K 41
CMYK color chart

● #554996 color description : Dark moderate blue.

The hexadecimal color #554996 has RGB values of R:85, G:73, B:150 and CMYK values of C:0.43, M:0.51, Y:0, K:0.41. Its decimal value is 5589398.

Hex triplet	554996	`#554996`
RGB Decimal	85, 73, 150	`rgb(85,73,150)`
RGB Percent	33.3, 28.6, 58.8	`rgb(33.3%,28.6%,58.8%)`
CMYK	43, 51, 0, 41
HSL	249.4°, 34.5, 43.7	`hsl(249.4,34.5%,43.7%)`
HSV (or HSB)	249.4°, 51.3, 58.8
Web Safe	663399	`#663399`

CIE-LAB	35.788, 25.026, -40.791
XYZ	11.633, 8.898, 29.957
xyY	0.23, 0.176, 8.898
CIE-LCH	35.788, 47.856, 301.53
CIE-LUV	35.788, 0.086, -59.328
Hunter-Lab	29.83, 17.408, -38.662
Binary	01010101, 01001001, 10010110

#554996
```
#554996 rgb(85,73,150)
```
#8a9649
```
#8a9649 rgb(138,150,73)
```

Complementary Color

#496496
```
#496496 rgb(73,100,150)
```
#554996
```
#554996 rgb(85,73,150)
```
#7c4996
```
#7c4996 rgb(124,73,150)
```

Analogous Color

#649649
```
#649649 rgb(100,150,73)
```
#554996
```
#554996 rgb(85,73,150)
```
#967c49
```
#967c49 rgb(150,124,73)
```

Split Complementary Color

#499655
```
#499655 rgb(73,150,85)
```
#554996
```
#554996 rgb(85,73,150)
```
#965549
```
#965549 rgb(150,85,73)
```

Triadic Color

#498a96
```
#498a96 rgb(73,138,150)
```
#554996
```
#554996 rgb(85,73,150)
```
#965549
```
#965549 rgb(150,85,73)
```
#8a9649
```
#8a9649 rgb(138,150,73)
```

Tetradic Color

#383063
```
#383063 rgb(56,48,99)
```
#423874
```
#423874 rgb(66,56,116)
```
#4b4185
```
#4b4185 rgb(75,65,133)
```
#554996
```
#554996 rgb(85,73,150)
```
#5f51a7
```
#5f51a7 rgb(95,81,167)
```
#6d60b2
```
#6d60b2 rgb(109,96,178)
```
#7d71ba
```
#7d71ba rgb(125,113,186)
```

Monochromatic Color

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

#495096
```
#495096 rgb(73,80,150)
```
#494a96
```
#494a96 rgb(73,74,150)
```
#4f4996
```
#4f4996 rgb(79,73,150)
```
#554996
```
#554996 rgb(85,73,150)
```
#5b4996
```
#5b4996 rgb(91,73,150)
```
#624996
```
#624996 rgb(98,73,150)
```
#684996
```
#684996 rgb(104,73,150)
```

Similar Colors

Text with hexadecimal color #554996

This text has a font color of #554996.

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

#554996 background color

This paragraph has a background color of #554996.

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

#554996 border color

This element has a border color of #554996.

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

CSS codes

.text {color:#554996;}

.background {background-color:#554996;}

.border {border:1px solid #554996;}

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0912
```
#0a0912 rgb(10,9,18)
```
#120f1f
```
#120f1f rgb(18,15,31)
```
#19162c
```
#19162c rgb(25,22,44)
```
#211c3a
```
#211c3a rgb(33,28,58)
```
#282247
```
#282247 rgb(40,34,71)
```
#302954
```
#302954 rgb(48,41,84)
```
#372f61
```
#372f61 rgb(55,47,97)
```
#3f366e
```
#3f366e rgb(63,54,110)
```
#463c7c
```
#463c7c rgb(70,60,124)
```
#4e4389
```
#4e4389 rgb(78,67,137)
```
#554996
```
#554996 rgb(85,73,150)
```
#5c4fa3
```
#5c4fa3 rgb(92,79,163)
```

Shade Color Variation

#6658ae
```
#6658ae rgb(102,88,174)
```
#7266b4
```
#7266b4 rgb(114,102,180)
```
#7e73bb
```
#7e73bb rgb(126,115,187)
```
#8a80c1
```
#8a80c1 rgb(138,128,193)
```
#968dc8
```
#968dc8 rgb(150,141,200)
```
#a29ace
```
#a29ace rgb(162,154,206)
```
#afa8d4
```
#afa8d4 rgb(175,168,212)
```
#bbb5db
```
#bbb5db rgb(187,181,219)
```
#c7c2e1
```
#c7c2e1 rgb(199,194,225)
```
#d3cfe8
```
#d3cfe8 rgb(211,207,232)
```
#dfdcee
```
#dfdcee rgb(223,220,238)
```
#ebe9f5
```
#ebe9f5 rgb(235,233,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6b74 is the less saturated color, while #2604db is the most saturated one.

#6d6b74
```
#6d6b74 rgb(109,107,116)
```
#67637c
```
#67637c rgb(103,99,124)
```
#615a85
```
#615a85 rgb(97,90,133)
```
#5b528d
```
#5b528d rgb(91,82,141)
```
#554996
```
#554996 rgb(85,73,150)
```
#4f409f
```
#4f409f rgb(79,64,159)
```
#4938a7
```
#4938a7 rgb(73,56,167)
```
#432fb0
```
#432fb0 rgb(67,47,176)
```
#3d27b8
```
#3d27b8 rgb(61,39,184)
```
#371ec1
```
#371ec1 rgb(55,30,193)
```
#3216c9
```
#3216c9 rgb(50,22,201)
```
#2c0dd2
```
#2c0dd2 rgb(44,13,210)
```
#2604db
```
#2604db rgb(38,4,219)
```

Tone Color Variation

Below, you can see how #554996 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
#555362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#335aa2 Protanopia 1% of men
#2d5d96 Deuteranopia 1% of men
#4d6066 Tritanopia 0.001% of the population

Trichromacy

#3f549d Protanomaly 1% of men, 0.01% of women
#3b5696 Deuteranomaly 6% of men, 0.4% of women
#505778 Tritanomaly 0.01% of the population