#554baa hex color

In a RGB color space, hex #554baa is composed of 33.3% red, 29.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 55.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 246.3 degrees, a saturation of 38.8% and a lightness of 48%. #554baa color hex could be obtained by blending #aa96ff with #000055. Closest websafe color is: #663399.

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

● #554baa color description : Dark moderate blue.

The hexadecimal color #554baa has RGB values of R:85, G:75, B:170 and CMYK values of C:0.5, M:0.56, Y:0, K:0.33. Its decimal value is 5589930.

Hex triplet	554baa	`#554baa`
RGB Decimal	85, 75, 170	`rgb(85,75,170)`
RGB Percent	33.3, 29.4, 66.7	`rgb(33.3%,29.4%,66.7%)`
CMYK	50, 56, 0, 33
HSL	246.3°, 38.8, 48	`hsl(246.3,38.8%,48%)`
HSV (or HSB)	246.3°, 55.9, 66.7
Web Safe	663399	`#663399`

CIE-LAB	37.6, 29.951, -49.889
XYZ	13.517, 9.865, 39.22
xyY	0.216, 0.158, 9.865
CIE-LCH	37.6, 58.189, 300.979
CIE-LUV	37.6, -2.034, -73.455
Hunter-Lab	31.409, 21.85, -52.048
Binary	01010101, 01001011, 10101010

#554baa
```
#554baa rgb(85,75,170)
```
#a0aa4b
```
#a0aa4b rgb(160,170,75)
```

Complementary Color

#4b71aa
```
#4b71aa rgb(75,113,170)
```
#554baa
```
#554baa rgb(85,75,170)
```
#854baa
```
#854baa rgb(133,75,170)
```

Analogous Color

#71aa4b
```
#71aa4b rgb(113,170,75)
```
#554baa
```
#554baa rgb(85,75,170)
```
#aa854b
```
#aa854b rgb(170,133,75)
```

Split Complementary Color

#4baa55
```
#4baa55 rgb(75,170,85)
```
#554baa
```
#554baa rgb(85,75,170)
```
#aa554b
```
#aa554b rgb(170,85,75)
```

Triadic Color

#4ba0aa
```
#4ba0aa rgb(75,160,170)
```
#554baa
```
#554baa rgb(85,75,170)
```
#aa554b
```
#aa554b rgb(170,85,75)
```
#a0aa4b
```
#a0aa4b rgb(160,170,75)
```

Tetradic Color

#3a3475
```
#3a3475 rgb(58,52,117)
```
#433b87
```
#433b87 rgb(67,59,135)
```
#4c4398
```
#4c4398 rgb(76,67,152)
```
#554baa
```
#554baa rgb(85,75,170)
```
#6359b6
```
#6359b6 rgb(99,89,182)
```
#736bbd
```
#736bbd rgb(115,107,189)
```
#847cc5
```
#847cc5 rgb(132,124,197)
```

Monochromatic Color

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

#4b59aa
```
#4b59aa rgb(75,89,170)
```
#4b51aa
```
#4b51aa rgb(75,81,170)
```
#4d4baa
```
#4d4baa rgb(77,75,170)
```
#554baa
```
#554baa rgb(85,75,170)
```
#5d4baa
```
#5d4baa rgb(93,75,170)
```
#654baa
```
#654baa rgb(101,75,170)
```
#6d4baa
```
#6d4baa rgb(109,75,170)
```

Similar Colors

Text with hexadecimal color #554baa

This text has a font color of #554baa.

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

#554baa background color

This paragraph has a background color of #554baa.

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

#554baa border color

This element has a border color of #554baa.

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

CSS codes

.text {color:#554baa;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#0a0914
```
#0a0914 rgb(10,9,20)
```
#110f22
```
#110f22 rgb(17,15,34)
```
#181530
```
#181530 rgb(24,21,48)
```
#1f1b3d
```
#1f1b3d rgb(31,27,61)
```
#25214b
```
#25214b rgb(37,33,75)
```
#2c2758
```
#2c2758 rgb(44,39,88)
```
#332d66
```
#332d66 rgb(51,45,102)
```
#3a3374
```
#3a3374 rgb(58,51,116)
```
#413981
```
#413981 rgb(65,57,129)
```
#473f8f
```
#473f8f rgb(71,63,143)
```
#4e459c
```
#4e459c rgb(78,69,156)
```
#554baa
```
#554baa rgb(85,75,170)
```

Shade Color Variation

#5f55b4
```
#5f55b4 rgb(95,85,180)
```
#6c62ba
```
#6c62ba rgb(108,98,186)
```
#7870c0
```
#7870c0 rgb(120,112,192)
```
#857ec6
```
#857ec6 rgb(133,126,198)
```
#928bcc
```
#928bcc rgb(146,139,204)
```
#9f99d2
```
#9f99d2 rgb(159,153,210)
```
#aca6d8
```
#aca6d8 rgb(172,166,216)
```
#b8b4de
```
#b8b4de rgb(184,180,222)
```
#c5c2e4
```
#c5c2e4 rgb(197,194,228)
```
#d2cfea
```
#d2cfea rgb(210,207,234)
```
#dfddf0
```
#dfddf0 rgb(223,221,240)
```
#eceaf6
```
#eceaf6 rgb(236,234,246)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#7a7a7b
```
#7a7a7b rgb(122,122,123)
```
#737184
```
#737184 rgb(115,113,132)
```
#6b678e
```
#6b678e rgb(107,103,142)
```
#645e97
```
#645e97 rgb(100,94,151)
```
#5c54a1
```
#5c54a1 rgb(92,84,161)
```
#554baa
```
#554baa rgb(85,75,170)
```
#4e42b3
```
#4e42b3 rgb(78,66,179)
```
#4638bd
```
#4638bd rgb(70,56,189)
```
#3f2fc6
```
#3f2fc6 rgb(63,47,198)
```
#3725d0
```
#3725d0 rgb(55,37,208)
```
#301cd9
```
#301cd9 rgb(48,28,217)
```
#2812e3
```
#2812e3 rgb(40,18,227)
```
#2109ec
```
#2109ec rgb(33,9,236)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#585669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#145eb7 Protanopia 1% of men
#0062a4 Deuteranopia 1% of men
#45666d Tritanopia 0.001% of the population

Trichromacy

#2c57b2 Protanomaly 1% of men, 0.01% of women
#1e5aa6 Deuteranomaly 6% of men, 0.4% of women
#4a5c83 Tritanomaly 0.01% of the population

#554baa hex color

#554baa Color Information

#554baa Color Conversion

Color Schemes with #554baa

Alternatives to #554baa

#554baa Preview

Shades and Tints of #554baa

Tones of #554baa

Color Blindness Simulator