#5c7aaf hex color

In a RGB color space, hex #5c7aaf is composed of 36.1% red, 47.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 30.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 218.3 degrees, a saturation of 34.2% and a lightness of 52.4%. #5c7aaf color hex could be obtained by blending #b8f4ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 48
- B 69
RGB color chart
- C 47
- M 30
- Y 0
- K 31
CMYK color chart

● #5c7aaf color description : Dark moderate blue.

The hexadecimal color #5c7aaf has RGB values of R:92, G:122, B:175 and CMYK values of C:0.47, M:0.3, Y:0, K:0.31. Its decimal value is 6060719.

Hex triplet	5c7aaf	`#5c7aaf`
RGB Decimal	92, 122, 175	`rgb(92,122,175)`
RGB Percent	36.1, 47.8, 68.6	`rgb(36.1%,47.8%,68.6%)`
CMYK	47, 30, 0, 31
HSL	218.3°, 34.2, 52.4	`hsl(218.3,34.2%,52.4%)`
HSV (or HSB)	218.3°, 47.4, 68.6
Web Safe	666699	`#666699`

CIE-LAB	51.023, 4.02, -31.485
XYZ	19.109, 19.289, 43.271
xyY	0.234, 0.236, 19.289
CIE-LCH	51.023, 31.741, 277.276
CIE-LUV	51.023, -15.539, -47.905
Hunter-Lab	43.919, 0.808, -27.672
Binary	01011100, 01111010, 10101111

#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#af915c
```
#af915c rgb(175,145,92)
```

Complementary Color

#5ca4af
```
#5ca4af rgb(92,164,175)
```
#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#685caf
```
#685caf rgb(104,92,175)
```

Analogous Color

#a4af5c
```
#a4af5c rgb(164,175,92)
```
#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#af685c
```
#af685c rgb(175,104,92)
```

Split Complementary Color

#7aaf5c
```
#7aaf5c rgb(122,175,92)
```
#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#af5c7a
```
#af5c7a rgb(175,92,122)
```

Triadic Color

#5caf91
```
#5caf91 rgb(92,175,145)
```
#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#af5c7a
```
#af5c7a rgb(175,92,122)
```
#af915c
```
#af915c rgb(175,145,92)
```

Tetradic Color

#3f5680
```
#3f5680 rgb(63,86,128)
```
#476291
```
#476291 rgb(71,98,145)
```
#506da2
```
#506da2 rgb(80,109,162)
```
#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#6d88b7
```
#6d88b7 rgb(109,136,183)
```
#7e96c0
```
#7e96c0 rgb(126,150,192)
```
#8fa4c8
```
#8fa4c8 rgb(143,164,200)
```

Monochromatic Color

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

#5c8faf
```
#5c8faf rgb(92,143,175)
```
#5c88af
```
#5c88af rgb(92,136,175)
```
#5c81af
```
#5c81af rgb(92,129,175)
```
#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#5c73af
```
#5c73af rgb(92,115,175)
```
#5c6caf
```
#5c6caf rgb(92,108,175)
```
#5c65af
```
#5c65af rgb(92,101,175)
```

Similar Colors

Text with hexadecimal color #5c7aaf

This text has a font color of #5c7aaf.

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

#5c7aaf background color

This paragraph has a background color of #5c7aaf.

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

#5c7aaf border color

This element has a border color of #5c7aaf.

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

CSS codes

.text {color:#5c7aaf;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0e15
```
#0a0e15 rgb(10,14,21)
```
#111722
```
#111722 rgb(17,23,34)
```
#172030
```
#172030 rgb(23,32,48)
```
#1e293d
```
#1e293d rgb(30,41,61)
```
#24324a
```
#24324a rgb(36,50,74)
```
#2b3b57
```
#2b3b57 rgb(43,59,87)
```
#314464
```
#314464 rgb(49,68,100)
```
#384c71
```
#384c71 rgb(56,76,113)
```
#3e557e
```
#3e557e rgb(62,85,126)
```
#455e8c
```
#455e8c rgb(69,94,140)
```
#4b6799
```
#4b6799 rgb(75,103,153)
```
#5170a6
```
#5170a6 rgb(81,112,166)
```

Shade Color Variation

#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#6985b5
```
#6985b5 rgb(105,133,181)
```
#768fbc
```
#768fbc rgb(118,143,188)
```
#839ac2
```
#839ac2 rgb(131,154,194)
```
#91a5c9
```
#91a5c9 rgb(145,165,201)
```
#9eb0cf
```
#9eb0cf rgb(158,176,207)
```
#abbad6
```
#abbad6 rgb(171,186,214)
```
#b8c5dc
```
#b8c5dc rgb(184,197,220)
```
#c5d0e3
```
#c5d0e3 rgb(197,208,227)
```
#d2dbe9
```
#d2dbe9 rgb(210,219,233)
```
#e0e5f0
```
#e0e5f0 rgb(224,229,240)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81848a is the less saturated color, while #1165fa is the most saturated one.

#81848a
```
#81848a rgb(129,132,138)
```
#788293
```
#788293 rgb(120,130,147)
```
#6f7f9c
```
#6f7f9c rgb(111,127,156)
```
#657da6
```
#657da6 rgb(101,125,166)
```
#5c7aaf
```
#5c7aaf rgb(92,122,175)
```
#5377b8
```
#5377b8 rgb(83,119,184)
```
#4975c2
```
#4975c2 rgb(73,117,194)
```
#4072cb
```
#4072cb rgb(64,114,203)
```
#3770d4
```
#3770d4 rgb(55,112,212)
```
#2d6dde
```
#2d6dde rgb(45,109,222)
```
#246ae7
```
#246ae7 rgb(36,106,231)
```
#1b68f0
```
#1b68f0 rgb(27,104,240)
```
#1165fa
```
#1165fa rgb(17,101,250)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#727882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7eb1 Protanopia 1% of men
#6a7fb3 Deuteranopia 1% of men
#578791 Tritanopia 0.001% of the population

Trichromacy

#687db0 Protanomaly 1% of men, 0.01% of women
#657db1 Deuteranomaly 6% of men, 0.4% of women
#59829c Tritanomaly 0.01% of the population

#5c7aaf hex color

#5c7aaf Color Information

#5c7aaf Color Conversion

Color Schemes with #5c7aaf

Alternatives to #5c7aaf

#5c7aaf Preview

Shades and Tints of #5c7aaf

Tones of #5c7aaf

Color Blindness Simulator