#554e9a hex color

In a RGB color space, hex #554e9a is composed of 33.3% red, 30.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 49.4% magenta, 0% yellow and 39.6% black. It has a hue angle of 245.5 degrees, a saturation of 32.8% and a lightness of 45.5%. #554e9a color hex could be obtained by blending #aa9cff with #000035. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 31
- B 60
RGB color chart
- C 45
- M 49
- Y 0
- K 40
CMYK color chart

● #554e9a color description : Dark moderate blue.

The hexadecimal color #554e9a has RGB values of R:85, G:78, B:154 and CMYK values of C:0.45, M:0.49, Y:0, K:0.4. Its decimal value is 5590682.

Hex triplet	554e9a	`#554e9a`
RGB Decimal	85, 78, 154	`rgb(85,78,154)`
RGB Percent	33.3, 30.6, 60.4	`rgb(33.3%,30.6%,60.4%)`
CMYK	45, 49, 0, 40
HSL	245.5°, 32.8, 45.5	`hsl(245.5,32.8%,45.5%)`
HSV (or HSB)	245.5°, 49.4, 60.4
Web Safe	666699	`#666699`

CIE-LAB	37.322, 23.085, -40.755
XYZ	12.302, 9.713, 31.797
xyY	0.229, 0.18, 9.713
CIE-LCH	37.322, 46.839, 299.529
CIE-LUV	37.322, -1.762, -59.845
Hunter-Lab	31.166, 15.922, -38.675
Binary	01010101, 01001110, 10011010

#554e9a
```
#554e9a rgb(85,78,154)
```
#939a4e
```
#939a4e rgb(147,154,78)
```

Complementary Color

#4e6d9a
```
#4e6d9a rgb(78,109,154)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#7b4e9a
```
#7b4e9a rgb(123,78,154)
```

Analogous Color

#6d9a4e
```
#6d9a4e rgb(109,154,78)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#9a7b4e
```
#9a7b4e rgb(154,123,78)
```

Split Complementary Color

#4e9a55
```
#4e9a55 rgb(78,154,85)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#9a554e
```
#9a554e rgb(154,85,78)
```

Triadic Color

#4e939a
```
#4e939a rgb(78,147,154)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#9a554e
```
#9a554e rgb(154,85,78)
```
#939a4e
```
#939a4e rgb(147,154,78)
```

Tetradic Color

#393467
```
#393467 rgb(57,52,103)
```
#423d78
```
#423d78 rgb(66,61,120)
```
#4c4589
```
#4c4589 rgb(76,69,137)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#5f57aa
```
#5f57aa rgb(95,87,170)
```
#6f68b3
```
#6f68b3 rgb(111,104,179)
```
#7f79bb
```
#7f79bb rgb(127,121,187)
```

Monochromatic Color

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

#4e5a9a
```
#4e5a9a rgb(78,90,154)
```
#4e549a
```
#4e549a rgb(78,84,154)
```
#4f4e9a
```
#4f4e9a rgb(79,78,154)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#5b4e9a
```
#5b4e9a rgb(91,78,154)
```
#624e9a
```
#624e9a rgb(98,78,154)
```
#684e9a
```
#684e9a rgb(104,78,154)
```

Similar Colors

Text with hexadecimal color #554e9a

This text has a font color of #554e9a.

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

#554e9a background color

This paragraph has a background color of #554e9a.

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

#554e9a border color

This element has a border color of #554e9a.

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

CSS codes

.text {color:#554e9a;}

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

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

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

#06050b
```
#06050b rgb(6,5,11)
```
#0d0c18
```
#0d0c18 rgb(13,12,24)
```
#141325
```
#141325 rgb(20,19,37)
```
#1c1932
```
#1c1932 rgb(28,25,50)
```
#23203f
```
#23203f rgb(35,32,63)
```
#2a264c
```
#2a264c rgb(42,38,76)
```
#312d59
```
#312d59 rgb(49,45,89)
```
#383466
```
#383466 rgb(56,52,102)
```
#3f3a73
```
#3f3a73 rgb(63,58,115)
```
#474180
```
#474180 rgb(71,65,128)
```
#4e478d
```
#4e478d rgb(78,71,141)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#5c55a7
```
#5c55a7 rgb(92,85,167)
```

Shade Color Variation

#6861af
```
#6861af rgb(104,97,175)
```
#746eb5
```
#746eb5 rgb(116,110,181)
```
#817bbc
```
#817bbc rgb(129,123,188)
```
#8d88c3
```
#8d88c3 rgb(141,136,195)
```
#9995c9
```
#9995c9 rgb(153,149,201)
```
#a6a2d0
```
#a6a2d0 rgb(166,162,208)
```
#b2afd6
```
#b2afd6 rgb(178,175,214)
```
#bfbcdd
```
#bfbcdd rgb(191,188,221)
```
#cbc9e3
```
#cbc9e3 rgb(203,201,227)
```
#d8d6ea
```
#d8d6ea rgb(216,214,234)
```
#e4e3f1
```
#e4e3f1 rgb(228,227,241)
```
#f0f0f7
```
#f0f0f7 rgb(240,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#727276
```
#727276 rgb(114,114,118)
```
#6b697f
```
#6b697f rgb(107,105,127)
```
#646088
```
#646088 rgb(100,96,136)
```
#5c5791
```
#5c5791 rgb(92,87,145)
```
#554e9a
```
#554e9a rgb(85,78,154)
```
#4e45a3
```
#4e45a3 rgb(78,69,163)
```
#463cac
```
#463cac rgb(70,60,172)
```
#3f33b5
```
#3f33b5 rgb(63,51,181)
```
#382abe
```
#382abe rgb(56,42,190)
```
#3121c7
```
#3121c7 rgb(49,33,199)
```
#2918d0
```
#2918d0 rgb(41,24,208)
```
#2210d8
```
#2210d8 rgb(34,16,216)
```
#1b07e1
```
#1b07e1 rgb(27,7,225)
```

Tone Color Variation

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

Dichromacy

#3a5ea5 Protanopia 1% of men
#31619b Deuteranopia 1% of men
#4c646b Tritanopia 0.001% of the population

Trichromacy

#4358a1 Protanomaly 1% of men, 0.01% of women
#3e5a9a Deuteranomaly 6% of men, 0.4% of women
#4f5c7c Tritanomaly 0.01% of the population

#554e9a hex color

#554e9a Color Information

#554e9a Color Conversion

Color Schemes with #554e9a

Alternatives to #554e9a

#554e9a Preview

Shades and Tints of #554e9a

Tones of #554e9a

Color Blindness Simulator