#5a689d hex color

In a RGB color space, hex #5a689d is composed of 35.3% red, 40.8% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 33.8% magenta, 0% yellow and 38.4% black. It has a hue angle of 227.5 degrees, a saturation of 27.1% and a lightness of 48.4%. #5a689d color hex could be obtained by blending #b4d0ff with #00003b. Closest websafe color is: #666699.

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

● #5a689d color description : Mostly desaturated dark blue.

The hexadecimal color #5a689d has RGB values of R:90, G:104, B:157 and CMYK values of C:0.43, M:0.34, Y:0, K:0.38. Its decimal value is 5925021.

Hex triplet	5a689d	`#5a689d`
RGB Decimal	90, 104, 157	`rgb(90,104,157)`
RGB Percent	35.3, 40.8, 61.6	`rgb(35.3%,40.8%,61.6%)`
CMYK	43, 34, 0, 38
HSL	227.5°, 27.1, 48.4	`hsl(227.5,27.1%,48.4%)`
HSV (or HSB)	227.5°, 42.7, 61.6
Web Safe	666699	`#666699`

CIE-LAB	44.953, 8.974, -30.453
XYZ	15.251, 14.508, 33.893
xyY	0.24, 0.228, 14.508
CIE-LCH	44.953, 31.747, 286.419
CIE-LUV	44.953, -9.053, -45.608
Hunter-Lab	38.09, 4.816, -26.095
Binary	01011010, 01101000, 10011101

#5a689d
```
#5a689d rgb(90,104,157)
```
#9d8f5a
```
#9d8f5a rgb(157,143,90)
```

Complementary Color

#5a8a9d
```
#5a8a9d rgb(90,138,157)
```
#5a689d
```
#5a689d rgb(90,104,157)
```
#6e5a9d
```
#6e5a9d rgb(110,90,157)
```

Analogous Color

#8a9d5a
```
#8a9d5a rgb(138,157,90)
```
#5a689d
```
#5a689d rgb(90,104,157)
```
#9d6e5a
```
#9d6e5a rgb(157,110,90)
```

Split Complementary Color

#689d5a
```
#689d5a rgb(104,157,90)
```
#5a689d
```
#5a689d rgb(90,104,157)
```
#9d5a68
```
#9d5a68 rgb(157,90,104)
```

Triadic Color

#5a9d8f
```
#5a9d8f rgb(90,157,143)
```
#5a689d
```
#5a689d rgb(90,104,157)
```
#9d5a68
```
#9d5a68 rgb(157,90,104)
```
#9d8f5a
```
#9d8f5a rgb(157,143,90)
```

Tetradic Color

#3e486c
```
#3e486c rgb(62,72,108)
```
#47537d
```
#47537d rgb(71,83,125)
```
#515d8d
```
#515d8d rgb(81,93,141)
```
#5a689d
```
#5a689d rgb(90,104,157)
```
#6876a8
```
#6876a8 rgb(104,118,168)
```
#7884b2
```
#7884b2 rgb(120,132,178)
```
#8893bb
```
#8893bb rgb(136,147,187)
```

Monochromatic Color

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

#5a799d
```
#5a799d rgb(90,121,157)
```
#5a739d
```
#5a739d rgb(90,115,157)
```
#5a6e9d
```
#5a6e9d rgb(90,110,157)
```
#5a689d
```
#5a689d rgb(90,104,157)
```
#5a629d
```
#5a629d rgb(90,98,157)
```
#5a5d9d
```
#5a5d9d rgb(90,93,157)
```
#5d5a9d
```
#5d5a9d rgb(93,90,157)
```

Similar Colors

Text with hexadecimal color #5a689d

This text has a font color of #5a689d.

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

#5a689d background color

This paragraph has a background color of #5a689d.

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

#5a689d border color

This element has a border color of #5a689d.

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

CSS codes

.text {color:#5a689d;}

.background {background-color:#5a689d;}

.border {border:1px solid #5a689d;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0d14
```
#0b0d14 rgb(11,13,20)
```
#131520
```
#131520 rgb(19,21,32)
```
#1a1e2d
```
#1a1e2d rgb(26,30,45)
```
#212639
```
#212639 rgb(33,38,57)
```
#282e46
```
#282e46 rgb(40,46,70)
```
#2f3652
```
#2f3652 rgb(47,54,82)
```
#363f5f
```
#363f5f rgb(54,63,95)
```
#3d476b
```
#3d476b rgb(61,71,107)
```
#454f78
```
#454f78 rgb(69,79,120)
```
#4c5784
```
#4c5784 rgb(76,87,132)
```
#536091
```
#536091 rgb(83,96,145)
```
#5a689d
```
#5a689d rgb(90,104,157)
```

Shade Color Variation

#6472a6
```
#6472a6 rgb(100,114,166)
```
#717dad
```
#717dad rgb(113,125,173)
```
#7d89b5
```
#7d89b5 rgb(125,137,181)
```
#8a94bc
```
#8a94bc rgb(138,148,188)
```
#96a0c3
```
#96a0c3 rgb(150,160,195)
```
#a3abca
```
#a3abca rgb(163,171,202)
```
#afb6d1
```
#afb6d1 rgb(175,182,209)
```
#bcc2d8
```
#bcc2d8 rgb(188,194,216)
```
#c8cddf
```
#c8cddf rgb(200,205,223)
```
#d5d8e7
```
#d5d8e7 rgb(213,216,231)
```
#e1e4ee
```
#e1e4ee rgb(225,228,238)
```
#edeff5
```
#edeff5 rgb(237,239,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#777981
```
#777981 rgb(119,121,129)
```
#6d738a
```
#6d738a rgb(109,115,138)
```
#646e94
```
#646e94 rgb(100,110,148)
```
#5a689d
```
#5a689d rgb(90,104,157)
```
#5162a7
```
#5162a7 rgb(81,98,167)
```
#475db0
```
#475db0 rgb(71,93,176)
```
#3e57ba
```
#3e57ba rgb(62,87,186)
```
#3452c3
```
#3452c3 rgb(52,82,195)
```
#2b4ccd
```
#2b4ccd rgb(43,76,205)
```
#2147d6
```
#2147d6 rgb(33,71,214)
```
#1841e0
```
#1841e0 rgb(24,65,224)
```
#0e3ce9
```
#0e3ce9 rgb(14,60,233)
```
#0536f3
```
#0536f3 rgb(5,54,243)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#676a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6070a2 Protanopia 1% of men
#5c71a1 Deuteranopia 1% of men
#57777f Tritanopia 0.001% of the population

Trichromacy

#5d6da0 Protanomaly 1% of men, 0.01% of women
#5b6d9f Deuteranomaly 6% of men, 0.4% of women
#58718a Tritanomaly 0.01% of the population

#5a689d hex color

#5a689d Color Information

#5a689d Color Conversion

Color Schemes with #5a689d

Alternatives to #5a689d

#5a689d Preview

Shades and Tints of #5a689d

Tones of #5a689d

Color Blindness Simulator