#52677b hex color

In a RGB color space, hex #52677b is composed of 32.2% red, 40.4% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 16.3% magenta, 0% yellow and 51.8% black. It has a hue angle of 209.3 degrees, a saturation of 20% and a lightness of 40.2%. #52677b color hex could be obtained by blending #a4cef6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 40
- B 48
RGB color chart
- C 33
- M 16
- Y 0
- K 52
CMYK color chart

● #52677b color description : Mostly desaturated dark blue.

The hexadecimal color #52677b has RGB values of R:82, G:103, B:123 and CMYK values of C:0.33, M:0.16, Y:0, K:0.52. Its decimal value is 5400443.

Hex triplet	52677b	`#52677b`
RGB Decimal	82, 103, 123	`rgb(82,103,123)`
RGB Percent	32.2, 40.4, 48.2	`rgb(32.2%,40.4%,48.2%)`
CMYK	33, 16, 0, 52
HSL	209.3°, 20, 40.2	`hsl(209.3,20%,40.2%)`
HSV (or HSB)	209.3°, 33.3, 48.2
Web Safe	666666	`#666666`

CIE-LAB	42.649, -2.631, -13.707
XYZ	11.904, 12.924, 20.605
xyY	0.262, 0.284, 12.924
CIE-LCH	42.649, 13.957, 259.133
CIE-LUV	42.649, -11.025, -18.651
Hunter-Lab	35.95, -3.805, -8.818
Binary	01010010, 01100111, 01111011

#52677b
```
#52677b rgb(82,103,123)
```
#7b6652
```
#7b6652 rgb(123,102,82)
```

Complementary Color

#527b7b
```
#527b7b rgb(82,123,123)
```
#52677b
```
#52677b rgb(82,103,123)
```
#52537b
```
#52537b rgb(82,83,123)
```

Analogous Color

#7b7b52
```
#7b7b52 rgb(123,123,82)
```
#52677b
```
#52677b rgb(82,103,123)
```
#7b5253
```
#7b5253 rgb(123,82,83)
```

Split Complementary Color

#677b52
```
#677b52 rgb(103,123,82)
```
#52677b
```
#52677b rgb(82,103,123)
```
#7b5267
```
#7b5267 rgb(123,82,103)
```

Triadic Color

#527b66
```
#527b66 rgb(82,123,102)
```
#52677b
```
#52677b rgb(82,103,123)
```
#7b5267
```
#7b5267 rgb(123,82,103)
```
#7b6652
```
#7b6652 rgb(123,102,82)
```

Tetradic Color

#33414d
```
#33414d rgb(51,65,77)
```
#3e4d5c
```
#3e4d5c rgb(62,77,92)
```
#485a6c
```
#485a6c rgb(72,90,108)
```
#52677b
```
#52677b rgb(82,103,123)
```
#5c748a
```
#5c748a rgb(92,116,138)
```
#678199
```
#678199 rgb(103,129,153)
```
#768da4
```
#768da4 rgb(118,141,164)
```

Monochromatic Color

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

#52717b
```
#52717b rgb(82,113,123)
```
#526e7b
```
#526e7b rgb(82,110,123)
```
#526a7b
```
#526a7b rgb(82,106,123)
```
#52677b
```
#52677b rgb(82,103,123)
```
#52647b
```
#52647b rgb(82,100,123)
```
#52607b
```
#52607b rgb(82,96,123)
```
#525d7b
```
#525d7b rgb(82,93,123)
```

Similar Colors

Text with hexadecimal color #52677b

This text has a font color of #52677b.

<span style="color:#52677b;">Text here</span>

#52677b background color

This paragraph has a background color of #52677b.

<p style="background-color:#52677b;">Content here</p>

#52677b border color

This element has a border color of #52677b.

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

CSS codes

.text {color:#52677b;}

.background {background-color:#52677b;}

.border {border:1px solid #52677b;}

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

#040405
```
#040405 rgb(4,4,5)
```
#0b0e11
```
#0b0e11 rgb(11,14,17)
```
#13181d
```
#13181d rgb(19,24,29)
```
#1b2229
```
#1b2229 rgb(27,34,41)
```
#232c34
```
#232c34 rgb(35,44,52)
```
#2b3640
```
#2b3640 rgb(43,54,64)
```
#33404c
```
#33404c rgb(51,64,76)
```
#3a4958
```
#3a4958 rgb(58,73,88)
```
#425363
```
#425363 rgb(66,83,99)
```
#4a5d6f
```
#4a5d6f rgb(74,93,111)
```
#52677b
```
#52677b rgb(82,103,123)
```
#5a7187
```
#5a7187 rgb(90,113,135)
```
#627b93
```
#627b93 rgb(98,123,147)
```

Shade Color Variation

#6b859d
```
#6b859d rgb(107,133,157)
```
#778ea4
```
#778ea4 rgb(119,142,164)
```
#8398ac
```
#8398ac rgb(131,152,172)
```
#8fa2b4
```
#8fa2b4 rgb(143,162,180)
```
#9aacbc
```
#9aacbc rgb(154,172,188)
```
#a6b5c4
```
#a6b5c4 rgb(166,181,196)
```
#b2bfcc
```
#b2bfcc rgb(178,191,204)
```
#bec9d3
```
#bec9d3 rgb(190,201,211)
```
#c9d3db
```
#c9d3db rgb(201,211,219)
```
#d5dce3
```
#d5dce3 rgb(213,220,227)
```
#e1e6eb
```
#e1e6eb rgb(225,230,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, #62676b is the less saturated color, while #0369ca is the most saturated one.

#62676b
```
#62676b rgb(98,103,107)
```
#5a6773
```
#5a6773 rgb(90,103,115)
```
#52677b
```
#52677b rgb(82,103,123)
```
#4a6783
```
#4a6783 rgb(74,103,131)
```
#42678b
```
#42678b rgb(66,103,139)
```
#3a6893
```
#3a6893 rgb(58,104,147)
```
#32689b
```
#32689b rgb(50,104,155)
```
#2b68a2
```
#2b68a2 rgb(43,104,162)
```
#2368aa
```
#2368aa rgb(35,104,170)
```
#1b68b2
```
#1b68b2 rgb(27,104,178)
```
#1369ba
```
#1369ba rgb(19,105,186)
```
#0b69c2
```
#0b69c2 rgb(11,105,194)
```
#0369ca
```
#0369ca rgb(3,105,202)
```

Tone Color Variation

Below, you can see how #52677b 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

#636363 Achromatopsia 0.005% of the population
#606468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686b7f Protanopia 1% of men
#6a6a83 Deuteranopia 1% of men
#587078 Tritanopia 0.001% of the population

Trichromacy

#606a7e Protanomaly 1% of men, 0.01% of women
#616980 Deuteranomaly 6% of men, 0.4% of women
#566d79 Tritanomaly 0.01% of the population

#52677b hex color

#52677b Color Information

#52677b Color Conversion

Color Schemes with #52677b

Alternatives to #52677b

#52677b Preview

Shades and Tints of #52677b

Tones of #52677b

Color Blindness Simulator