#5a636f hex color

In a RGB color space, hex #5a636f is composed of 35.3% red, 38.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 10.8% magenta, 0% yellow and 56.5% black. It has a hue angle of 214.3 degrees, a saturation of 10.4% and a lightness of 39.4%. #5a636f color hex could be obtained by blending #b4c6de with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 39
- B 44
RGB color chart
- C 19
- M 11
- Y 0
- K 56
CMYK color chart

● #5a636f color description : Very dark grayish blue.

The hexadecimal color #5a636f has RGB values of R:90, G:99, B:111 and CMYK values of C:0.19, M:0.11, Y:0, K:0.56. Its decimal value is 5923695.

Hex triplet	5a636f	`#5a636f`
RGB Decimal	90, 99, 111	`rgb(90,99,111)`
RGB Percent	35.3, 38.8, 43.5	`rgb(35.3%,38.8%,43.5%)`
CMYK	19, 11, 0, 56
HSL	214.3°, 10.4, 39.4	`hsl(214.3,10.4%,39.4%)`
HSV (or HSB)	214.3°, 18.9, 43.5
Web Safe	666666	`#666666`

CIE-LAB	41.603, -0.652, -7.941
XYZ	11.547, 12.245, 16.793
xyY	0.285, 0.302, 12.245
CIE-LCH	41.603, 7.968, 265.307
CIE-LUV	41.603, -5.288, -10.613
Hunter-Lab	34.993, -2.335, -3.959
Binary	01011010, 01100011, 01101111

#5a636f
```
#5a636f rgb(90,99,111)
```
#6f665a
```
#6f665a rgb(111,102,90)
```

Complementary Color

#5a6e6f
```
#5a6e6f rgb(90,110,111)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#5c5a6f
```
#5c5a6f rgb(92,90,111)
```

Analogous Color

#6e6f5a
```
#6e6f5a rgb(110,111,90)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#6f5c5a
```
#6f5c5a rgb(111,92,90)
```

Split Complementary Color

#636f5a
```
#636f5a rgb(99,111,90)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#6f5a63
```
#6f5a63 rgb(111,90,99)
```

Triadic Color

#5a6f66
```
#5a6f66 rgb(90,111,102)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#6f5a63
```
#6f5a63 rgb(111,90,99)
```
#6f665a
```
#6f665a rgb(111,102,90)
```

Tetradic Color

#383d45
```
#383d45 rgb(56,61,69)
```
#434a53
```
#434a53 rgb(67,74,83)
```
#4f5661
```
#4f5661 rgb(79,86,97)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#65707d
```
#65707d rgb(101,112,125)
```
#717c8b
```
#717c8b rgb(113,124,139)
```
#7f8997
```
#7f8997 rgb(127,137,151)
```

Monochromatic Color

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

#5a686f
```
#5a686f rgb(90,104,111)
```
#5a676f
```
#5a676f rgb(90,103,111)
```
#5a656f
```
#5a656f rgb(90,101,111)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#5a616f
```
#5a616f rgb(90,97,111)
```
#5a606f
```
#5a606f rgb(90,96,111)
```
#5a5e6f
```
#5a5e6f rgb(90,94,111)
```

Similar Colors

Text with hexadecimal color #5a636f

This text has a font color of #5a636f.

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

#5a636f background color

This paragraph has a background color of #5a636f.

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

#5a636f border color

This element has a border color of #5a636f.

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

CSS codes

.text {color:#5a636f;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0c0e
```
#0b0c0e rgb(11,12,14)
```
#141618
```
#141618 rgb(20,22,24)
```
#1d1f23
```
#1d1f23 rgb(29,31,35)
```
#25292e
```
#25292e rgb(37,41,46)
```
#2e3339
```
#2e3339 rgb(46,51,57)
```
#373c44
```
#373c44 rgb(55,60,68)
```
#40464f
```
#40464f rgb(64,70,79)
```
#485059
```
#485059 rgb(72,80,89)
```
#515964
```
#515964 rgb(81,89,100)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#636d7a
```
#636d7a rgb(99,109,122)
```
#6c7685
```
#6c7685 rgb(108,118,133)
```

Shade Color Variation

#75808f
```
#75808f rgb(117,128,143)
```
#808a98
```
#808a98 rgb(128,138,152)
```
#8b94a1
```
#8b94a1 rgb(139,148,161)
```
#959ea9
```
#959ea9 rgb(149,158,169)
```
#a0a8b2
```
#a0a8b2 rgb(160,168,178)
```
#abb2bb
```
#abb2bb rgb(171,178,187)
```
#b6bcc4
```
#b6bcc4 rgb(182,188,196)
```
#c1c6cc
```
#c1c6cc rgb(193,198,204)
```
#ccd0d5
```
#ccd0d5 rgb(204,208,213)
```
#d6dade
```
#d6dade rgb(214,218,222)
```
#e1e4e7
```
#e1e4e7 rgb(225,228,231)
```
#eceef0
```
#eceef0 rgb(236,238,240)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

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

#626467
```
#626467 rgb(98,100,103)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#526277
```
#526277 rgb(82,98,119)
```
#4b617e
```
#4b617e rgb(75,97,126)
```
#436086
```
#436086 rgb(67,96,134)
```
#3b5f8e
```
#3b5f8e rgb(59,95,142)
```
#335d96
```
#335d96 rgb(51,93,150)
```
#2c5c9d
```
#2c5c9d rgb(44,92,157)
```
#245ba5
```
#245ba5 rgb(36,91,165)
```
#1c5aad
```
#1c5aad rgb(28,90,173)
```
#1459b5
```
#1459b5 rgb(20,89,181)
```
#0d58bc
```
#0d58bc rgb(13,88,188)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#606265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686975 Protanopia 1% of men
#6d6777 Deuteranopia 1% of men
#616b73 Tritanopia 0.001% of the population

Trichromacy

#636773 Protanomaly 1% of men, 0.01% of women
#666674 Deuteranomaly 6% of men, 0.4% of women
#5f6871 Tritanomaly 0.01% of the population

#5a636f hex color

#5a636f Color Information

#5a636f Color Conversion

Color Schemes with #5a636f

Alternatives to #5a636f

#5a636f Preview

Shades and Tints of #5a636f

Tones of #5a636f

Color Blindness Simulator