colorhexa.com

#5c6276 hex color

In a RGB color space, hex #5c6276 is composed of 36.1% red, 38.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 16.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 226.2 degrees, a saturation of 12.4% and a lightness of 41.2%. #5c6276 color hex could be obtained by blending #b8c4ec with #000000. Closest websafe color is: #666666.

- R 36
- G 38
- B 46
RGB color chart
- C 22
- M 17
- Y 0
- K 54
CMYK color chart

● #5c6276 color description : Dark grayish blue.

The hexadecimal color #5c6276 has RGB values of R:92, G:98, B:118 and CMYK values of C:0.22, M:0.17, Y:0, K:0.54. Its decimal value is 6054518.

Hex triplet	5c6276	`#5c6276`
RGB Decimal	92, 98, 118	`rgb(92,98,118)`
RGB Percent	36.1, 38.4, 46.3	`rgb(36.1%,38.4%,46.3%)`
CMYK	22, 17, 0, 54
HSL	226.2°, 12.4, 41.2	`hsl(226.2,12.4%,41.2%)`
HSV (or HSB)	226.2°, 22, 46.3
Web Safe	666666	`#666666`

CIE-LAB	41.718, 2.401, -12.015
XYZ	12.051, 12.319, 18.881
xyY	0.279, 0.285, 12.319
CIE-LCH	41.718, 12.253, 281.302
CIE-LUV	41.718, -4.16, -16.783
Hunter-Lab	35.098, -0.134, -7.328
Binary	01011100, 01100010, 01110110

#5c6276
```
#5c6276 rgb(92,98,118)
```
#76705c
```
#76705c rgb(118,112,92)
```

Complementary Color

#5c6f76
```
#5c6f76 rgb(92,111,118)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#635c76
```
#635c76 rgb(99,92,118)
```

Analogous Color

#6f765c
```
#6f765c rgb(111,118,92)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#76635c
```
#76635c rgb(118,99,92)
```

Split Complementary Color

#62765c
```
#62765c rgb(98,118,92)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#765c62
```
#765c62 rgb(118,92,98)
```

Triadic Color

#5c7670
```
#5c7670 rgb(92,118,112)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#765c62
```
#765c62 rgb(118,92,98)
```
#76705c
```
#76705c rgb(118,112,92)
```

Tetradic Color

#3a3e4b
```
#3a3e4b rgb(58,62,75)
```
#464a59
```
#464a59 rgb(70,74,89)
```
#515668
```
#515668 rgb(81,86,104)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#676e84
```
#676e84 rgb(103,110,132)
```
#737a92
```
#737a92 rgb(115,122,146)
```
#81889d
```
#81889d rgb(129,136,157)
```

Monochromatic Color

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

#5c6976
```
#5c6976 rgb(92,105,118)
```
#5c6676
```
#5c6676 rgb(92,102,118)
```
#5c6476
```
#5c6476 rgb(92,100,118)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#5c6076
```
#5c6076 rgb(92,96,118)
```
#5c5e76
```
#5c5e76 rgb(92,94,118)
```
#5d5c76
```
#5d5c76 rgb(93,92,118)
```

Similar Colors

Text with hexadecimal color #5c6276

This text has a font color of #5c6276.

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

#5c6276 background color

This paragraph has a background color of #5c6276.

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

#5c6276 border color

This element has a border color of #5c6276.

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

CSS codes

.text {color:#5c6276;}

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

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

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

#060608
```
#060608 rgb(6,6,8)
```
#0f1013
```
#0f1013 rgb(15,16,19)
```
#17191e
```
#17191e rgb(23,25,30)
```
#202229
```
#202229 rgb(32,34,41)
```
#282b34
```
#282b34 rgb(40,43,52)
```
#31343f
```
#31343f rgb(49,52,63)
```
#3a3d4a
```
#3a3d4a rgb(58,61,74)
```
#424755
```
#424755 rgb(66,71,85)
```
#4b5060
```
#4b5060 rgb(75,80,96)
```
#53596b
```
#53596b rgb(83,89,107)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#656b81
```
#656b81 rgb(101,107,129)
```
#6d748c
```
#6d748c rgb(109,116,140)
```

Shade Color Variation

#777e95
```
#777e95 rgb(119,126,149)
```
#83899e
```
#83899e rgb(131,137,158)
```
#8e93a7
```
#8e93a7 rgb(142,147,167)
```
#999eaf
```
#999eaf rgb(153,158,175)
```
#a4a8b8
```
#a4a8b8 rgb(164,168,184)
```
#afb3c0
```
#afb3c0 rgb(175,179,192)
```
#babdc9
```
#babdc9 rgb(186,189,201)
```
#c5c8d2
```
#c5c8d2 rgb(197,200,210)
```
#d0d2da
```
#d0d2da rgb(208,210,218)
```
#dbdde3
```
#dbdde3 rgb(219,221,227)
```
#e6e7eb
```
#e6e7eb rgb(230,231,235)
```
#f1f1f4
```
#f1f1f4 rgb(241,241,244)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64666e is the less saturated color, while #0332cf is the most saturated one.

#64666e
```
#64666e rgb(100,102,110)
```
#5c6276
```
#5c6276 rgb(92,98,118)
```
#545e7e
```
#545e7e rgb(84,94,126)
```
#4c5986
```
#4c5986 rgb(76,89,134)
```
#44558e
```
#44558e rgb(68,85,142)
```
#3c5196
```
#3c5196 rgb(60,81,150)
```
#344c9e
```
#344c9e rgb(52,76,158)
```
#2c48a6
```
#2c48a6 rgb(44,72,166)
```
#2344af
```
#2344af rgb(35,68,175)
```
#1b3fb7
```
#1b3fb7 rgb(27,63,183)
```
#133bbf
```
#133bbf rgb(19,59,191)
```
#0b37c7
```
#0b37c7 rgb(11,55,199)
```
#0332cf
```
#0332cf rgb(3,50,207)
```

Tone Color Variation

Below, you can see how #5c6276 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
#616266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66697c Protanopia 1% of men
#6a687d Deuteranopia 1% of men
#626b73 Tritanopia 0.001% of the population

Trichromacy

#62667a Protanomaly 1% of men, 0.01% of women
#65667a Deuteranomaly 6% of men, 0.4% of women
#606874 Tritanomaly 0.01% of the population