#5a7387 hex color

In a RGB color space, hex #5a7387 is composed of 35.3% red, 45.1% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 14.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 206.7 degrees, a saturation of 20% and a lightness of 44.1%. #5a7387 color hex could be obtained by blending #b4e6ff with #00000f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 45
- B 53
RGB color chart
- C 33
- M 15
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #5a7387 has RGB values of R:90, G:115, B:135 and CMYK values of C:0.33, M:0.15, Y:0, K:0.47. Its decimal value is 5927815.

Hex triplet	5a7387	`#5a7387`
RGB Decimal	90, 115, 135	`rgb(90,115,135)`
RGB Percent	35.3, 45.1, 52.9	`rgb(35.3%,45.1%,52.9%)`
CMYK	33, 15, 0, 47
HSL	206.7°, 20, 44.1	`hsl(206.7,20%,44.1%)`
HSV (or HSB)	206.7°, 33.3, 52.9
Web Safe	666699	`#666699`

CIE-LAB	47.215, -3.972, -13.914
XYZ	14.719, 16.184, 25.269
xyY	0.262, 0.288, 16.184
CIE-LCH	47.215, 14.47, 254.068
CIE-LUV	47.215, -13.001, -19.215
Hunter-Lab	40.229, -5.09, -9.08
Binary	01011010, 01110011, 10000111

#5a7387
```
#5a7387 rgb(90,115,135)
```
#876e5a
```
#876e5a rgb(135,110,90)
```

Complementary Color

#5a8785
```
#5a8785 rgb(90,135,133)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#5a5d87
```
#5a5d87 rgb(90,93,135)
```

Analogous Color

#87855a
```
#87855a rgb(135,133,90)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#875a5d
```
#875a5d rgb(135,90,93)
```

Split Complementary Color

#73875a
```
#73875a rgb(115,135,90)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#875a73
```
#875a73 rgb(135,90,115)
```

Triadic Color

#5a876e
```
#5a876e rgb(90,135,110)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#875a73
```
#875a73 rgb(135,90,115)
```
#876e5a
```
#876e5a rgb(135,110,90)
```

Tetradic Color

#3b4c59
```
#3b4c59 rgb(59,76,89)
```
#465968
```
#465968 rgb(70,89,104)
```
#506678
```
#506678 rgb(80,102,120)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#648096
```
#648096 rgb(100,128,150)
```
#738da1
```
#738da1 rgb(115,141,161)
```
#8299ac
```
#8299ac rgb(130,153,172)
```

Monochromatic Color

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

#5a7e87
```
#5a7e87 rgb(90,126,135)
```
#5a7b87
```
#5a7b87 rgb(90,123,135)
```
#5a7787
```
#5a7787 rgb(90,119,135)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#5a6f87
```
#5a6f87 rgb(90,111,135)
```
#5a6c87
```
#5a6c87 rgb(90,108,135)
```
#5a6887
```
#5a6887 rgb(90,104,135)
```

Similar Colors

Text with hexadecimal color #5a7387

This text has a font color of #5a7387.

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

#5a7387 background color

This paragraph has a background color of #5a7387.

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

#5a7387 border color

This element has a border color of #5a7387.

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

CSS codes

.text {color:#5a7387;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c0f11
```
#0c0f11 rgb(12,15,17)
```
#13191d
```
#13191d rgb(19,25,29)
```
#1b2329
```
#1b2329 rgb(27,35,41)
```
#232d35
```
#232d35 rgb(35,45,53)
```
#2b3740
```
#2b3740 rgb(43,55,64)
```
#33414c
```
#33414c rgb(51,65,76)
```
#3b4b58
```
#3b4b58 rgb(59,75,88)
```
#425564
```
#425564 rgb(66,85,100)
```
#4a5f6f
```
#4a5f6f rgb(74,95,111)
```
#52697b
```
#52697b rgb(82,105,123)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#627d93
```
#627d93 rgb(98,125,147)
```

Shade Color Variation

#6c879d
```
#6c879d rgb(108,135,157)
```
#7790a5
```
#7790a5 rgb(119,144,165)
```
#839aac
```
#839aac rgb(131,154,172)
```
#8fa4b4
```
#8fa4b4 rgb(143,164,180)
```
#9badbc
```
#9badbc rgb(155,173,188)
```
#a6b7c4
```
#a6b7c4 rgb(166,183,196)
```
#b2c0cc
```
#b2c0cc rgb(178,192,204)
```
#becad4
```
#becad4 rgb(190,202,212)
```
#cad4db
```
#cad4db rgb(202,212,219)
```
#d5dde3
```
#d5dde3 rgb(213,221,227)
```
#e1e7eb
```
#e1e7eb rgb(225,231,235)
```
#edf0f3
```
#edf0f3 rgb(237,240,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#6b7176
```
#6b7176 rgb(107,113,118)
```
#63727e
```
#63727e rgb(99,114,126)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#517490
```
#517490 rgb(81,116,144)
```
#497598
```
#497598 rgb(73,117,152)
```
#4076a1
```
#4076a1 rgb(64,118,161)
```
#3777aa
```
#3777aa rgb(55,119,170)
```
#2f78b2
```
#2f78b2 rgb(47,120,178)
```
#2679bb
```
#2679bb rgb(38,121,187)
```
#1d7ac4
```
#1d7ac4 rgb(29,122,196)
```
#157bcc
```
#157bcc rgb(21,123,204)
```
#0c7cd5
```
#0c7cd5 rgb(12,124,213)
```
#037dde
```
#037dde rgb(3,125,222)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a6f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73768a Protanopia 1% of men
#75758f Deuteranopia 1% of men
#607b84 Tritanopia 0.001% of the population

Trichromacy

#697589 Protanomaly 1% of men, 0.01% of women
#6b748c Deuteranomaly 6% of men, 0.4% of women
#5d7885 Tritanomaly 0.01% of the population

#5a7387 hex color

#5a7387 Color Information

#5a7387 Color Conversion

Color Schemes with #5a7387

Alternatives to #5a7387

#5a7387 Preview

Shades and Tints of #5a7387

Tones of #5a7387

Color Blindness Simulator