#554766 hex color

In a RGB color space, hex #554766 is composed of 33.3% red, 27.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 30.4% magenta, 0% yellow and 60% black. It has a hue angle of 267.1 degrees, a saturation of 17.9% and a lightness of 33.9%. #554766 color hex could be obtained by blending #aa8ecc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 28
- B 40
RGB color chart
- C 17
- M 30
- Y 0
- K 60
CMYK color chart

● #554766 color description : Very dark grayish violet.

The hexadecimal color #554766 has RGB values of R:85, G:71, B:102 and CMYK values of C:0.17, M:0.3, Y:0, K:0.6. Its decimal value is 5588838.

Hex triplet	554766	`#554766`
RGB Decimal	85, 71, 102	`rgb(85,71,102)`
RGB Percent	33.3, 27.8, 40	`rgb(33.3%,27.8%,40%)`
CMYK	17, 30, 0, 60
HSL	267.1°, 17.9, 33.9	`hsl(267.1,17.9%,33.9%)`
HSV (or HSB)	267.1°, 30.4, 40
Web Safe	663366	`#663366`

CIE-LAB	32.694, 12.803, -15.908
XYZ	8.397, 7.397, 13.555
xyY	0.286, 0.252, 7.397
CIE-LCH	32.694, 20.42, 308.827
CIE-LUV	32.694, 5.13, -22.228
Hunter-Lab	27.198, 7.517, -10.511
Binary	01010101, 01000111, 01100110

#554766
```
#554766 rgb(85,71,102)
```
#586647
```
#586647 rgb(88,102,71)
```

Complementary Color

#474966
```
#474966 rgb(71,73,102)
```
#554766
```
#554766 rgb(85,71,102)
```
#654766
```
#654766 rgb(101,71,102)
```

Analogous Color

#496647
```
#496647 rgb(73,102,71)
```
#554766
```
#554766 rgb(85,71,102)
```
#666547
```
#666547 rgb(102,101,71)
```

Split Complementary Color

#476655
```
#476655 rgb(71,102,85)
```
#554766
```
#554766 rgb(85,71,102)
```
#665547
```
#665547 rgb(102,85,71)
```

Triadic Color

#475866
```
#475866 rgb(71,88,102)
```
#554766
```
#554766 rgb(85,71,102)
```
#665547
```
#665547 rgb(102,85,71)
```
#586647
```
#586647 rgb(88,102,71)
```

Tetradic Color

#2f2839
```
#2f2839 rgb(47,40,57)
```
#3c3248
```
#3c3248 rgb(60,50,72)
```
#483d57
```
#483d57 rgb(72,61,87)
```
#554766
```
#554766 rgb(85,71,102)
```
#625175
```
#625175 rgb(98,81,117)
```
#6e5c84
```
#6e5c84 rgb(110,92,132)
```
#7b6693
```
#7b6693 rgb(123,102,147)
```

Monochromatic Color

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

#4d4766
```
#4d4766 rgb(77,71,102)
```
#504766
```
#504766 rgb(80,71,102)
```
#524766
```
#524766 rgb(82,71,102)
```
#554766
```
#554766 rgb(85,71,102)
```
#584766
```
#584766 rgb(88,71,102)
```
#5a4766
```
#5a4766 rgb(90,71,102)
```
#5d4766
```
#5d4766 rgb(93,71,102)
```

Similar Colors

Text with hexadecimal color #554766

This text has a font color of #554766.

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

#554766 background color

This paragraph has a background color of #554766.

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

#554766 border color

This element has a border color of #554766.

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

CSS codes

.text {color:#554766;}

.background {background-color:#554766;}

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

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

#080709
```
#080709 rgb(8,7,9)
```
#120f15
```
#120f15 rgb(18,15,21)
```
#1b1721
```
#1b1721 rgb(27,23,33)
```
#251f2c
```
#251f2c rgb(37,31,44)
```
#2e2738
```
#2e2738 rgb(46,39,56)
```
#382f43
```
#382f43 rgb(56,47,67)
```
#42374f
```
#42374f rgb(66,55,79)
```
#4b3f5a
```
#4b3f5a rgb(75,63,90)
```
#554766
```
#554766 rgb(85,71,102)
```
#5f4f72
```
#5f4f72 rgb(95,79,114)
```
#68577d
```
#68577d rgb(104,87,125)
```
#725f89
```
#725f89 rgb(114,95,137)
```
#7c6794
```
#7c6794 rgb(124,103,148)
```

Shade Color Variation

#85729d
```
#85729d rgb(133,114,157)
```
#8f7ea5
```
#8f7ea5 rgb(143,126,165)
```
#9989ad
```
#9989ad rgb(153,137,173)
```
#a395b5
```
#a395b5 rgb(163,149,181)
```
#ada0bd
```
#ada0bd rgb(173,160,189)
```
#b7acc5
```
#b7acc5 rgb(183,172,197)
```
#c1b8cd
```
#c1b8cd rgb(193,184,205)
```
#cbc3d5
```
#cbc3d5 rgb(203,195,213)
```
#d5cfdd
```
#d5cfdd rgb(213,207,221)
```
#dfdae5
```
#dfdae5 rgb(223,218,229)
```
#e9e6ed
```
#e9e6ed rgb(233,230,237)
```
#f3f1f5
```
#f3f1f5 rgb(243,241,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#565459
```
#565459 rgb(86,84,89)
```
#564e5f
```
#564e5f rgb(86,78,95)
```
#554766
```
#554766 rgb(85,71,102)
```
#54406d
```
#54406d rgb(84,64,109)
```
#543a73
```
#543a73 rgb(84,58,115)
```
#53337a
```
#53337a rgb(83,51,122)
```
#522c81
```
#522c81 rgb(82,44,129)
```
#522687
```
#522687 rgb(82,38,135)
```
#511f8e
```
#511f8e rgb(81,31,142)
```
#501895
```
#501895 rgb(80,24,149)
```
#50129b
```
#50129b rgb(80,18,155)
```
#4f0ba2
```
#4f0ba2 rgb(79,11,162)
```
#4f04a9
```
#4f04a9 rgb(79,4,169)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#504d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5571 Protanopia 1% of men
#51546c Deuteranopia 1% of men
#59545a Tritanopia 0.001% of the population

Trichromacy

#50506d Protanomaly 1% of men, 0.01% of women
#524f6a Deuteranomaly 6% of men, 0.4% of women
#584f5e Tritanomaly 0.01% of the population

#554766 hex color

#554766 Color Information

#554766 Color Conversion

Color Schemes with #554766

Alternatives to #554766

#554766 Preview

Shades and Tints of #554766

Tones of #554766

Color Blindness Simulator