#554695 hex color

In a RGB color space, hex #554695 is composed of 33.3% red, 27.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 53% magenta, 0% yellow and 41.6% black. It has a hue angle of 251.4 degrees, a saturation of 36.1% and a lightness of 42.9%. #554695 color hex could be obtained by blending #aa8cff with #00002b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 58
RGB color chart
- C 43
- M 53
- Y 0
- K 42
CMYK color chart

● #554695 color description : Dark moderate blue.

The hexadecimal color #554695 has RGB values of R:85, G:70, B:149 and CMYK values of C:0.43, M:0.53, Y:0, K:0.42. Its decimal value is 5588629.

Hex triplet	554695	`#554695`
RGB Decimal	85, 70, 149	`rgb(85,70,149)`
RGB Percent	33.3, 27.5, 58.4	`rgb(33.3%,27.5%,58.4%)`
CMYK	43, 53, 0, 42
HSL	251.4°, 36.1, 42.9	`hsl(251.4,36.1%,42.9%)`
HSV (or HSB)	251.4°, 53, 58.4
Web Safe	663399	`#663399`

CIE-LAB	34.966, 26.613, -41.5
XYZ	11.36, 8.481, 29.471
xyY	0.23, 0.172, 8.481
CIE-LCH	34.966, 49.3, 302.672
CIE-LUV	34.966, 1.067, -60.029
Hunter-Lab	29.123, 18.665, -39.612
Binary	01010101, 01000110, 10010101

#554695
```
#554695 rgb(85,70,149)
```
#869546
```
#869546 rgb(134,149,70)
```

Complementary Color

#465f95
```
#465f95 rgb(70,95,149)
```
#554695
```
#554695 rgb(85,70,149)
```
#7d4695
```
#7d4695 rgb(125,70,149)
```

Analogous Color

#5f9546
```
#5f9546 rgb(95,149,70)
```
#554695
```
#554695 rgb(85,70,149)
```
#957d46
```
#957d46 rgb(149,125,70)
```

Split Complementary Color

#469555
```
#469555 rgb(70,149,85)
```
#554695
```
#554695 rgb(85,70,149)
```
#955546
```
#955546 rgb(149,85,70)
```

Triadic Color

#468695
```
#468695 rgb(70,134,149)
```
#554695
```
#554695 rgb(85,70,149)
```
#955546
```
#955546 rgb(149,85,70)
```
#869546
```
#869546 rgb(134,149,70)
```

Tetradic Color

#372e61
```
#372e61 rgb(55,46,97)
```
#413672
```
#413672 rgb(65,54,114)
```
#4b3e84
```
#4b3e84 rgb(75,62,132)
```
#554695
```
#554695 rgb(85,70,149)
```
#5f4ea6
```
#5f4ea6 rgb(95,78,166)
```
#6c5cb2
```
#6c5cb2 rgb(108,92,178)
```
#7c6dba
```
#7c6dba rgb(124,109,186)
```

Monochromatic Color

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

#464b95
```
#464b95 rgb(70,75,149)
```
#484695
```
#484695 rgb(72,70,149)
```
#4e4695
```
#4e4695 rgb(78,70,149)
```
#554695
```
#554695 rgb(85,70,149)
```
#5c4695
```
#5c4695 rgb(92,70,149)
```
#624695
```
#624695 rgb(98,70,149)
```
#694695
```
#694695 rgb(105,70,149)
```

Similar Colors

Text with hexadecimal color #554695

This text has a font color of #554695.

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

#554695 background color

This paragraph has a background color of #554695.

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

#554695 border color

This element has a border color of #554695.

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

CSS codes

.text {color:#554695;}

.background {background-color:#554695;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090710
```
#090710 rgb(9,7,16)
```
#100e1d
```
#100e1d rgb(16,14,29)
```
#18142a
```
#18142a rgb(24,20,42)
```
#201a38
```
#201a38 rgb(32,26,56)
```
#272045
```
#272045 rgb(39,32,69)
```
#2f2752
```
#2f2752 rgb(47,39,82)
```
#372d60
```
#372d60 rgb(55,45,96)
```
#3e336d
```
#3e336d rgb(62,51,109)
```
#46397a
```
#46397a rgb(70,57,122)
```
#4d4088
```
#4d4088 rgb(77,64,136)
```
#554695
```
#554695 rgb(85,70,149)
```
#5d4ca2
```
#5d4ca2 rgb(93,76,162)
```

Shade Color Variation

#6554af
```
#6554af rgb(101,84,175)
```
#7161b5
```
#7161b5 rgb(113,97,181)
```
#7d6ebb
```
#7d6ebb rgb(125,110,187)
```
#897cc1
```
#897cc1 rgb(137,124,193)
```
#9589c8
```
#9589c8 rgb(149,137,200)
```
#a196ce
```
#a196ce rgb(161,150,206)
```
#ada4d4
```
#ada4d4 rgb(173,164,212)
```
#b9b1da
```
#b9b1da rgb(185,177,218)
```
#c5bee1
```
#c5bee1 rgb(197,190,225)
```
#d1cce7
```
#d1cce7 rgb(209,204,231)
```
#ddd9ed
```
#ddd9ed rgb(221,217,237)
```
#e9e7f3
```
#e9e7f3 rgb(233,231,243)
```
#f5f4fa
```
#f5f4fa rgb(245,244,250)
```

Tint Color Variation

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

#6a6873
```
#6a6873 rgb(106,104,115)
```
#655f7c
```
#655f7c rgb(101,95,124)
```
#5f5784
```
#5f5784 rgb(95,87,132)
```
#5a4e8d
```
#5a4e8d rgb(90,78,141)
```
#554695
```
#554695 rgb(85,70,149)
```
#503e9d
```
#503e9d rgb(80,62,157)
```
#4b35a6
```
#4b35a6 rgb(75,53,166)
```
#452dae
```
#452dae rgb(69,45,174)
```
#4024b7
```
#4024b7 rgb(64,36,183)
```
#3b1cbf
```
#3b1cbf rgb(59,28,191)
```
#3613c8
```
#3613c8 rgb(54,19,200)
```
#300bd0
```
#300bd0 rgb(48,11,208)
```
#2b03d8
```
#2b03d8 rgb(43,3,216)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#535060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e58a2 Protanopia 1% of men
#275c95 Deuteranopia 1% of men
#4d5d64 Tritanopia 0.001% of the population

Trichromacy

#3c519d Protanomaly 1% of men, 0.01% of women
#385495 Deuteranomaly 6% of men, 0.4% of women
#505576 Tritanomaly 0.01% of the population

#554695 hex color

#554695 Color Information

#554695 Color Conversion

Color Schemes with #554695

Alternatives to #554695

#554695 Preview

Shades and Tints of #554695

Tones of #554695

Color Blindness Simulator