#526676 hex color

In a RGB color space, hex #526676 is composed of 32.2% red, 40% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 13.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 206.7 degrees, a saturation of 18% and a lightness of 39.2%. #526676 color hex could be obtained by blending #a4ccec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 40
- B 46
RGB color chart
- C 31
- M 14
- Y 0
- K 54
CMYK color chart

● #526676 color description : Mostly desaturated dark blue.

The hexadecimal color #526676 has RGB values of R:82, G:102, B:118 and CMYK values of C:0.31, M:0.14, Y:0, K:0.54. Its decimal value is 5400182.

Hex triplet	526676	`#526676`
RGB Decimal	82, 102, 118	`rgb(82,102,118)`
RGB Percent	32.2, 40, 46.3	`rgb(32.2%,40%,46.3%)`
CMYK	31, 14, 0, 54
HSL	206.7°, 18, 39.2	`hsl(206.7,18%,39.2%)`
HSV (or HSB)	206.7°, 30.5, 46.3
Web Safe	666666	`#666666`

CIE-LAB	42.161, -3.391, -11.417
XYZ	11.5, 12.604, 18.965
xyY	0.267, 0.293, 12.604
CIE-LCH	42.161, 11.91, 253.457
CIE-LUV	42.161, -10.505, -15.2
Hunter-Lab	35.502, -4.308, -6.821
Binary	01010010, 01100110, 01110110

#526676
```
#526676 rgb(82,102,118)
```
#766252
```
#766252 rgb(118,98,82)
```

Complementary Color

#527674
```
#527674 rgb(82,118,116)
```
#526676
```
#526676 rgb(82,102,118)
```
#525476
```
#525476 rgb(82,84,118)
```

Analogous Color

#767452
```
#767452 rgb(118,116,82)
```
#526676
```
#526676 rgb(82,102,118)
```
#765254
```
#765254 rgb(118,82,84)
```

Split Complementary Color

#667652
```
#667652 rgb(102,118,82)
```
#526676
```
#526676 rgb(82,102,118)
```
#765266
```
#765266 rgb(118,82,102)
```

Triadic Color

#527662
```
#527662 rgb(82,118,98)
```
#526676
```
#526676 rgb(82,102,118)
```
#765266
```
#765266 rgb(118,82,102)
```
#766252
```
#766252 rgb(118,98,82)
```

Tetradic Color

#333f49
```
#333f49 rgb(51,63,73)
```
#3d4c58
```
#3d4c58 rgb(61,76,88)
```
#485967
```
#485967 rgb(72,89,103)
```
#526676
```
#526676 rgb(82,102,118)
```
#5c7385
```
#5c7385 rgb(92,115,133)
```
#678094
```
#678094 rgb(103,128,148)
```
#758d9f
```
#758d9f rgb(117,141,159)
```

Monochromatic Color

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

#526f76
```
#526f76 rgb(82,111,118)
```
#526c76
```
#526c76 rgb(82,108,118)
```
#526976
```
#526976 rgb(82,105,118)
```
#526676
```
#526676 rgb(82,102,118)
```
#526376
```
#526376 rgb(82,99,118)
```
#526076
```
#526076 rgb(82,96,118)
```
#525d76
```
#525d76 rgb(82,93,118)
```

Similar Colors

Text with hexadecimal color #526676

This text has a font color of #526676.

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

#526676 background color

This paragraph has a background color of #526676.

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

#526676 border color

This element has a border color of #526676.

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

CSS codes

.text {color:#526676;}

.background {background-color:#526676;}

.border {border:1px solid #526676;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#121619
```
#121619 rgb(18,22,25)
```
#1a2025
```
#1a2025 rgb(26,32,37)
```
#222a31
```
#222a31 rgb(34,42,49)
```
#2a343c
```
#2a343c rgb(42,52,60)
```
#323e48
```
#323e48 rgb(50,62,72)
```
#3a4853
```
#3a4853 rgb(58,72,83)
```
#42525f
```
#42525f rgb(66,82,95)
```
#4a5c6a
```
#4a5c6a rgb(74,92,106)
```
#526676
```
#526676 rgb(82,102,118)
```
#5a7082
```
#5a7082 rgb(90,112,130)
```
#627a8d
```
#627a8d rgb(98,122,141)
```

Shade Color Variation

#6b8498
```
#6b8498 rgb(107,132,152)
```
#768ea0
```
#768ea0 rgb(118,142,160)
```
#8297a8
```
#8297a8 rgb(130,151,168)
```
#8ea1b0
```
#8ea1b0 rgb(142,161,176)
```
#99aab8
```
#99aab8 rgb(153,170,184)
```
#a5b4c0
```
#a5b4c0 rgb(165,180,192)
```
#b0bec8
```
#b0bec8 rgb(176,190,200)
```
#bcc7d0
```
#bcc7d0 rgb(188,199,208)
```
#c7d1d8
```
#c7d1d8 rgb(199,209,216)
```
#d3dae0
```
#d3dae0 rgb(211,218,224)
```
#dfe4e8
```
#dfe4e8 rgb(223,228,232)
```
#eaeef0
```
#eaeef0 rgb(234,238,240)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#616467
```
#616467 rgb(97,100,103)
```
#5a656e
```
#5a656e rgb(90,101,110)
```
#526676
```
#526676 rgb(82,102,118)
```
#4a677e
```
#4a677e rgb(74,103,126)
```
#436885
```
#436885 rgb(67,104,133)
```
#3b698d
```
#3b698d rgb(59,105,141)
```
#336995
```
#336995 rgb(51,105,149)
```
#2c6a9c
```
#2c6a9c rgb(44,106,156)
```
#246ba4
```
#246ba4 rgb(36,107,164)
```
#1c6cac
```
#1c6cac rgb(28,108,172)
```
#146db4
```
#146db4 rgb(20,109,180)
```
#0d6ebb
```
#0d6ebb rgb(13,110,187)
```
#056fc3
```
#056fc3 rgb(5,111,195)
```

Tone Color Variation

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

Dichromacy

#686a7b Protanopia 1% of men
#6b697e Deuteranopia 1% of men
#596f77 Tritanopia 0.001% of the population

Trichromacy

#606979 Protanomaly 1% of men, 0.01% of women
#62687b Deuteranomaly 6% of men, 0.4% of women
#566b76 Tritanomaly 0.01% of the population

#526676 hex color

#526676 Color Information

#526676 Color Conversion

Color Schemes with #526676

Alternatives to #526676

#526676 Preview

Shades and Tints of #526676

Tones of #526676

Color Blindness Simulator