#52677a hex color

In a RGB color space, hex #52677a is composed of 32.2% red, 40.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 15.6% magenta, 0% yellow and 52.2% black. It has a hue angle of 208.5 degrees, a saturation of 19.6% and a lightness of 40%. #52677a color hex could be obtained by blending #a4cef4 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

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

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

Hex triplet	52677a	`#52677a`
RGB Decimal	82, 103, 122	`rgb(82,103,122)`
RGB Percent	32.2, 40.4, 47.8	`rgb(32.2%,40.4%,47.8%)`
CMYK	33, 16, 0, 52
HSL	208.5°, 19.6, 40	`hsl(208.5,19.6%,40%)`
HSV (or HSB)	208.5°, 32.8, 47.8
Web Safe	666666	`#666666`

CIE-LAB	42.611, -2.906, -13.159
XYZ	11.842, 12.899, 20.277
xyY	0.263, 0.287, 12.899
CIE-LCH	42.611, 13.476, 257.547
CIE-LUV	42.611, -11.008, -17.816
Hunter-Lab	35.915, -3.997, -8.333
Binary	01010010, 01100111, 01111010

#52677a
```
#52677a rgb(82,103,122)
```
#7a6552
```
#7a6552 rgb(122,101,82)
```

Complementary Color

#527a79
```
#527a79 rgb(82,122,121)
```
#52677a
```
#52677a rgb(82,103,122)
```
#52537a
```
#52537a rgb(82,83,122)
```

Analogous Color

#7a7952
```
#7a7952 rgb(122,121,82)
```
#52677a
```
#52677a rgb(82,103,122)
```
#7a5253
```
#7a5253 rgb(122,82,83)
```

Split Complementary Color

#677a52
```
#677a52 rgb(103,122,82)
```
#52677a
```
#52677a rgb(82,103,122)
```
#7a5267
```
#7a5267 rgb(122,82,103)
```

Triadic Color

#527a65
```
#527a65 rgb(82,122,101)
```
#52677a
```
#52677a rgb(82,103,122)
```
#7a5267
```
#7a5267 rgb(122,82,103)
```
#7a6552
```
#7a6552 rgb(122,101,82)
```

Tetradic Color

#33404c
```
#33404c rgb(51,64,76)
```
#3e4d5c
```
#3e4d5c rgb(62,77,92)
```
#485a6b
```
#485a6b rgb(72,90,107)
```
#52677a
```
#52677a rgb(82,103,122)
```
#5c7489
```
#5c7489 rgb(92,116,137)
```
#678199
```
#678199 rgb(103,129,153)
```
#768da3
```
#768da3 rgb(118,141,163)
```

Monochromatic Color

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

#52717a
```
#52717a rgb(82,113,122)
```
#526e7a
```
#526e7a rgb(82,110,122)
```
#526a7a
```
#526a7a rgb(82,106,122)
```
#52677a
```
#52677a rgb(82,103,122)
```
#52647a
```
#52647a rgb(82,100,122)
```
#52607a
```
#52607a rgb(82,96,122)
```
#525d7a
```
#525d7a rgb(82,93,122)
```

Similar Colors

Text with hexadecimal color #52677a

This text has a font color of #52677a.

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

#52677a background color

This paragraph has a background color of #52677a.

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

#52677a border color

This element has a border color of #52677a.

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

CSS codes

.text {color:#52677a;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#13181c
```
#13181c rgb(19,24,28)
```
#1b2228
```
#1b2228 rgb(27,34,40)
```
#232c34
```
#232c34 rgb(35,44,52)
```
#2b353f
```
#2b353f rgb(43,53,63)
```
#323f4b
```
#323f4b rgb(50,63,75)
```
#3a4957
```
#3a4957 rgb(58,73,87)
```
#425363
```
#425363 rgb(66,83,99)
```
#4a5d6e
```
#4a5d6e rgb(74,93,110)
```
#52677a
```
#52677a rgb(82,103,122)
```
#5a7186
```
#5a7186 rgb(90,113,134)
```
#627b91
```
#627b91 rgb(98,123,145)
```

Shade Color Variation

#6b859c
```
#6b859c rgb(107,133,156)
```
#778ea4
```
#778ea4 rgb(119,142,164)
```
#8398ab
```
#8398ab rgb(131,152,171)
```
#8ea2b3
```
#8ea2b3 rgb(142,162,179)
```
#9aabbb
```
#9aabbb rgb(154,171,187)
```
#a6b5c3
```
#a6b5c3 rgb(166,181,195)
```
#b2bfcb
```
#b2bfcb rgb(178,191,203)
```
#bdc9d3
```
#bdc9d3 rgb(189,201,211)
```
#c9d2db
```
#c9d2db rgb(201,210,219)
```
#d5dce3
```
#d5dce3 rgb(213,220,227)
```
#e1e6eb
```
#e1e6eb rgb(225,230,235)
```
#eceff2
```
#eceff2 rgb(236,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#62666a
```
#62666a rgb(98,102,106)
```
#5a6772
```
#5a6772 rgb(90,103,114)
```
#52677a
```
#52677a rgb(82,103,122)
```
#4a6782
```
#4a6782 rgb(74,103,130)
```
#42688a
```
#42688a rgb(66,104,138)
```
#3a6892
```
#3a6892 rgb(58,104,146)
```
#336999
```
#336999 rgb(51,105,153)
```
#2b69a1
```
#2b69a1 rgb(43,105,161)
```
#2369a9
```
#2369a9 rgb(35,105,169)
```
#1b6ab1
```
#1b6ab1 rgb(27,106,177)
```
#136ab9
```
#136ab9 rgb(19,106,185)
```
#0b6bc1
```
#0b6bc1 rgb(11,107,193)
```
#046bc8
```
#046bc8 rgb(4,107,200)
```

Tone Color Variation

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

#686b7e Protanopia 1% of men
#6b6a82 Deuteranopia 1% of men
#587078 Tritanopia 0.001% of the population

Trichromacy

#606a7d Protanomaly 1% of men, 0.01% of women
#61697f Deuteranomaly 6% of men, 0.4% of women
#566c79 Tritanomaly 0.01% of the population

#52677a hex color

#52677a Color Information

#52677a Color Conversion

Color Schemes with #52677a

Alternatives to #52677a

#52677a Preview

Shades and Tints of #52677a

Tones of #52677a

Color Blindness Simulator