#55689e hex color

In a RGB color space, hex #55689e is composed of 33.3% red, 40.8% green and 62% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 34.2% magenta, 0% yellow and 38% black. It has a hue angle of 224.4 degrees, a saturation of 30% and a lightness of 47.6%. #55689e color hex could be obtained by blending #aad0ff with #00003d. Closest websafe color is: #666699.

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

● #55689e color description : Dark moderate blue.

The hexadecimal color #55689e has RGB values of R:85, G:104, B:158 and CMYK values of C:0.46, M:0.34, Y:0, K:0.38. Its decimal value is 5597342.

Hex triplet	55689e	`#55689e`
RGB Decimal	85, 104, 158	`rgb(85,104,158)`
RGB Percent	33.3, 40.8, 62	`rgb(33.3%,40.8%,62%)`
CMYK	46, 34, 0, 38
HSL	224.4°, 30, 47.6	`hsl(224.4,30%,47.6%)`
HSV (or HSB)	224.4°, 46.2, 62
Web Safe	666699	`#666699`

CIE-LAB	44.66, 7.934, -31.528
XYZ	14.867, 14.3, 34.323
xyY	0.234, 0.225, 14.3
CIE-LCH	44.66, 32.511, 284.125
CIE-LUV	44.66, -10.974, -47.072
Hunter-Lab	37.815, 3.999, -27.343
Binary	01010101, 01101000, 10011110

#55689e
```
#55689e rgb(85,104,158)
```
#9e8b55
```
#9e8b55 rgb(158,139,85)
```

Complementary Color

#558d9e
```
#558d9e rgb(85,141,158)
```
#55689e
```
#55689e rgb(85,104,158)
```
#67559e
```
#67559e rgb(103,85,158)
```

Analogous Color

#8d9e55
```
#8d9e55 rgb(141,158,85)
```
#55689e
```
#55689e rgb(85,104,158)
```
#9e6755
```
#9e6755 rgb(158,103,85)
```

Split Complementary Color

#689e55
```
#689e55 rgb(104,158,85)
```
#55689e
```
#55689e rgb(85,104,158)
```
#9e5568
```
#9e5568 rgb(158,85,104)
```

Triadic Color

#559e8b
```
#559e8b rgb(85,158,139)
```
#55689e
```
#55689e rgb(85,104,158)
```
#9e5568
```
#9e5568 rgb(158,85,104)
```
#9e8b55
```
#9e8b55 rgb(158,139,85)
```

Tetradic Color

#3a476c
```
#3a476c rgb(58,71,108)
```
#43527d
```
#43527d rgb(67,82,125)
```
#4c5d8d
```
#4c5d8d rgb(76,93,141)
```
#55689e
```
#55689e rgb(85,104,158)
```
#6275ab
```
#6275ab rgb(98,117,171)
```
#7383b3
```
#7383b3 rgb(115,131,179)
```
#8392bc
```
#8392bc rgb(131,146,188)
```

Monochromatic Color

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

#557a9e
```
#557a9e rgb(85,122,158)
```
#55749e
```
#55749e rgb(85,116,158)
```
#556e9e
```
#556e9e rgb(85,110,158)
```
#55689e
```
#55689e rgb(85,104,158)
```
#55629e
```
#55629e rgb(85,98,158)
```
#555c9e
```
#555c9e rgb(85,92,158)
```
#55569e
```
#55569e rgb(85,86,158)
```

Similar Colors

Text with hexadecimal color #55689e

This text has a font color of #55689e.

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

#55689e background color

This paragraph has a background color of #55689e.

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

#55689e border color

This element has a border color of #55689e.

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

CSS codes

.text {color:#55689e;}

.background {background-color:#55689e;}

.border {border:1px solid #55689e;}

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0c12
```
#0a0c12 rgb(10,12,18)
```
#10141e
```
#10141e rgb(16,20,30)
```
#171c2b
```
#171c2b rgb(23,28,43)
```
#1e2538
```
#1e2538 rgb(30,37,56)
```
#252d45
```
#252d45 rgb(37,45,69)
```
#2c3651
```
#2c3651 rgb(44,54,81)
```
#333e5e
```
#333e5e rgb(51,62,94)
```
#3a466b
```
#3a466b rgb(58,70,107)
```
#404f78
```
#404f78 rgb(64,79,120)
```
#475784
```
#475784 rgb(71,87,132)
```
#4e6091
```
#4e6091 rgb(78,96,145)
```
#55689e
```
#55689e rgb(85,104,158)
```

Shade Color Variation

#5e71a8
```
#5e71a8 rgb(94,113,168)
```
#6b7daf
```
#6b7daf rgb(107,125,175)
```
#7888b6
```
#7888b6 rgb(120,136,182)
```
#8493bd
```
#8493bd rgb(132,147,189)
```
#919ec4
```
#919ec4 rgb(145,158,196)
```
#9eaacb
```
#9eaacb rgb(158,170,203)
```
#abb5d2
```
#abb5d2 rgb(171,181,210)
```
#b7c0d8
```
#b7c0d8 rgb(183,192,216)
```
#c4cbdf
```
#c4cbdf rgb(196,203,223)
```
#d1d6e6
```
#d1d6e6 rgb(209,214,230)
```
#dee2ed
```
#dee2ed rgb(222,226,237)
```
#eaedf4
```
#eaedf4 rgb(234,237,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#717582
```
#717582 rgb(113,117,130)
```
#68718b
```
#68718b rgb(104,113,139)
```
#5e6c95
```
#5e6c95 rgb(94,108,149)
```
#55689e
```
#55689e rgb(85,104,158)
```
#4c64a7
```
#4c64a7 rgb(76,100,167)
```
#425fb1
```
#425fb1 rgb(66,95,177)
```
#395bba
```
#395bba rgb(57,91,186)
```
#3056c3
```
#3056c3 rgb(48,86,195)
```
#2652cd
```
#2652cd rgb(38,82,205)
```
#1d4dd6
```
#1d4dd6 rgb(29,77,214)
```
#1449df
```
#1449df rgb(20,73,223)
```
#0a44e9
```
#0a44e9 rgb(10,68,233)
```
#0140f2
```
#0140f2 rgb(1,64,242)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6fa2 Protanopia 1% of men
#5970a2 Deuteranopia 1% of men
#51777f Tritanopia 0.001% of the population

Trichromacy

#5b6ca1 Protanomaly 1% of men, 0.01% of women
#576da0 Deuteranomaly 6% of men, 0.4% of women
#52718a Tritanomaly 0.01% of the population

#55689e hex color

#55689e Color Information

#55689e Color Conversion

Color Schemes with #55689e

Alternatives to #55689e

#55689e Preview

Shades and Tints of #55689e

Tones of #55689e

Color Blindness Simulator