#554a9e hex color

In a RGB color space, hex #554a9e is composed of 33.3% red, 29% green and 62% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 53.2% magenta, 0% yellow and 38% black. It has a hue angle of 247.9 degrees, a saturation of 36.2% and a lightness of 45.5%. #554a9e color hex could be obtained by blending #aa94ff with #00003d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 29
- B 62
RGB color chart
- C 46
- M 53
- Y 0
- K 38
CMYK color chart

● #554a9e color description : Dark moderate blue.

The hexadecimal color #554a9e has RGB values of R:85, G:74, B:158 and CMYK values of C:0.46, M:0.53, Y:0, K:0.38. Its decimal value is 5589662.

Hex triplet	554a9e	`#554a9e`
RGB Decimal	85, 74, 158	`rgb(85,74,158)`
RGB Percent	33.3, 29, 62	`rgb(33.3%,29%,62%)`
CMYK	46, 53, 0, 38
HSL	247.9°, 36.2, 45.5	`hsl(247.9,36.2%,45.5%)`
HSV (or HSB)	247.9°, 53.2, 62
Web Safe	663399	`#663399`

CIE-LAB	36.55, 26.844, -44.399
XYZ	12.365, 9.297, 33.489
xyY	0.224, 0.169, 9.297
CIE-LCH	36.55, 51.883, 301.157
CIE-LUV	36.55, -0.85, -64.942
Hunter-Lab	30.491, 19.029, -43.775
Binary	01010101, 01001010, 10011110

#554a9e
```
#554a9e rgb(85,74,158)
```
#939e4a
```
#939e4a rgb(147,158,74)
```

Complementary Color

#4a699e
```
#4a699e rgb(74,105,158)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#7f4a9e
```
#7f4a9e rgb(127,74,158)
```

Analogous Color

#699e4a
```
#699e4a rgb(105,158,74)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#9e7f4a
```
#9e7f4a rgb(158,127,74)
```

Split Complementary Color

#4a9e55
```
#4a9e55 rgb(74,158,85)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#9e554a
```
#9e554a rgb(158,85,74)
```

Triadic Color

#4a939e
```
#4a939e rgb(74,147,158)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#9e554a
```
#9e554a rgb(158,85,74)
```
#939e4a
```
#939e4a rgb(147,158,74)
```

Tetradic Color

#39326a
```
#39326a rgb(57,50,106)
```
#423a7b
```
#423a7b rgb(66,58,123)
```
#4c428d
```
#4c428d rgb(76,66,141)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#5f53ae
```
#5f53ae rgb(95,83,174)
```
#6f64b7
```
#6f64b7 rgb(111,100,183)
```
#7f76bf
```
#7f76bf rgb(127,118,191)
```

Monochromatic Color

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

#4a549e
```
#4a549e rgb(74,84,158)
```
#4a4d9e
```
#4a4d9e rgb(74,77,158)
```
#4e4a9e
```
#4e4a9e rgb(78,74,158)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#5c4a9e
```
#5c4a9e rgb(92,74,158)
```
#634a9e
```
#634a9e rgb(99,74,158)
```
#6a4a9e
```
#6a4a9e rgb(106,74,158)
```

Similar Colors

Text with hexadecimal color #554a9e

This text has a font color of #554a9e.

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

#554a9e background color

This paragraph has a background color of #554a9e.

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

#554a9e border color

This element has a border color of #554a9e.

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

CSS codes

.text {color:#554a9e;}

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

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

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)
```
#0d0b18
```
#0d0b18 rgb(13,11,24)
```
#141226
```
#141226 rgb(20,18,38)
```
#1c1833
```
#1c1833 rgb(28,24,51)
```
#231e40
```
#231e40 rgb(35,30,64)
```
#2a244e
```
#2a244e rgb(42,36,78)
```
#312b5b
```
#312b5b rgb(49,43,91)
```
#383169
```
#383169 rgb(56,49,105)
```
#3f3776
```
#3f3776 rgb(63,55,118)
```
#473d83
```
#473d83 rgb(71,61,131)
```
#4e4491
```
#4e4491 rgb(78,68,145)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#5c50ab
```
#5c50ab rgb(92,80,171)
```

Shade Color Variation

#685cb3
```
#685cb3 rgb(104,92,179)
```
#746ab9
```
#746ab9 rgb(116,106,185)
```
#8177bf
```
#8177bf rgb(129,119,191)
```
#8d84c6
```
#8d84c6 rgb(141,132,198)
```
#9992cc
```
#9992cc rgb(153,146,204)
```
#a69fd2
```
#a69fd2 rgb(166,159,210)
```
#b2add8
```
#b2add8 rgb(178,173,216)
```
#bfbadf
```
#bfbadf rgb(191,186,223)
```
#cbc7e5
```
#cbc7e5 rgb(203,199,229)
```
#d8d5eb
```
#d8d5eb rgb(216,213,235)
```
#e4e2f1
```
#e4e2f1 rgb(228,226,241)
```
#f0eff8
```
#f0eff8 rgb(240,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#6f6e7a
```
#6f6e7a rgb(111,110,122)
```
#696583
```
#696583 rgb(105,101,131)
```
#625c8c
```
#625c8c rgb(98,92,140)
```
#5c5395
```
#5c5395 rgb(92,83,149)
```
#554a9e
```
#554a9e rgb(85,74,158)
```
#4e41a7
```
#4e41a7 rgb(78,65,167)
```
#4838b0
```
#4838b0 rgb(72,56,176)
```
#412fb9
```
#412fb9 rgb(65,47,185)
```
#3b26c2
```
#3b26c2 rgb(59,38,194)
```
#341dcb
```
#341dcb rgb(52,29,203)
```
#2d14d4
```
#2d14d4 rgb(45,20,212)
```
#270cdc
```
#270cdc rgb(39,12,220)
```
#2003e5
```
#2003e5 rgb(32,3,229)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#575465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c5caa Protanopia 1% of men
#1f609e Deuteranopia 1% of men
#4a6269 Tritanopia 0.001% of the population

Trichromacy

#3b55a6 Protanomaly 1% of men, 0.01% of women
#32589e Deuteranomaly 6% of men, 0.4% of women
#4e597c Tritanomaly 0.01% of the population

#554a9e hex color

#554a9e Color Information

#554a9e Color Conversion

Color Schemes with #554a9e

Alternatives to #554a9e

#554a9e Preview

Shades and Tints of #554a9e

Tones of #554a9e

Color Blindness Simulator