#565180 hex color

In a RGB color space, hex #565180 is composed of 33.7% red, 31.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 36.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 246.4 degrees, a saturation of 22.5% and a lightness of 41%. #565180 color hex could be obtained by blending #aca2ff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 32
- B 50
RGB color chart
- C 33
- M 37
- Y 0
- K 50
CMYK color chart

● #565180 color description : Mostly desaturated dark blue.

The hexadecimal color #565180 has RGB values of R:86, G:81, B:128 and CMYK values of C:0.33, M:0.37, Y:0, K:0.5. Its decimal value is 5656960.

Hex triplet	565180	`#565180`
RGB Decimal	86, 81, 128	`rgb(86,81,128)`
RGB Percent	33.7, 31.8, 50.2	`rgb(33.7%,31.8%,50.2%)`
CMYK	33, 37, 0, 50
HSL	246.4°, 22.5, 41	`hsl(246.4,22.5%,41%)`
HSV (or HSB)	246.4°, 36.7, 50.2
Web Safe	666699	`#666699`

CIE-LAB	36.784, 13.728, -25.776
XYZ	10.676, 9.422, 21.677
xyY	0.256, 0.226, 9.422
CIE-LCH	36.784, 29.203, 298.039
CIE-LUV	36.784, -0.517, -37.123
Hunter-Lab	30.695, 8.367, -20.385
Binary	01010110, 01010001, 10000000

#565180
```
#565180 rgb(86,81,128)
```
#7b8051
```
#7b8051 rgb(123,128,81)
```

Complementary Color

#516480
```
#516480 rgb(81,100,128)
```
#565180
```
#565180 rgb(86,81,128)
```
#6e5180
```
#6e5180 rgb(110,81,128)
```

Analogous Color

#648051
```
#648051 rgb(100,128,81)
```
#565180
```
#565180 rgb(86,81,128)
```
#806e51
```
#806e51 rgb(128,110,81)
```

Split Complementary Color

#518056
```
#518056 rgb(81,128,86)
```
#565180
```
#565180 rgb(86,81,128)
```
#805651
```
#805651 rgb(128,86,81)
```

Triadic Color

#517b80
```
#517b80 rgb(81,123,128)
```
#565180
```
#565180 rgb(86,81,128)
```
#805651
```
#805651 rgb(128,86,81)
```
#7b8051
```
#7b8051 rgb(123,128,81)
```

Tetradic Color

#373351
```
#373351 rgb(55,51,81)
```
#413d61
```
#413d61 rgb(65,61,97)
```
#4c4770
```
#4c4770 rgb(76,71,112)
```
#565180
```
#565180 rgb(86,81,128)
```
#605b90
```
#605b90 rgb(96,91,144)
```
#6c669e
```
#6c669e rgb(108,102,158)
```
#7b76a8
```
#7b76a8 rgb(123,118,168)
```

Monochromatic Color

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

#515880
```
#515880 rgb(81,88,128)
```
#515480
```
#515480 rgb(81,84,128)
```
#525180
```
#525180 rgb(82,81,128)
```
#565180
```
#565180 rgb(86,81,128)
```
#5a5180
```
#5a5180 rgb(90,81,128)
```
#5e5180
```
#5e5180 rgb(94,81,128)
```
#625180
```
#625180 rgb(98,81,128)
```

Similar Colors

Text with hexadecimal color #565180

This text has a font color of #565180.

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

#565180 background color

This paragraph has a background color of #565180.

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

#565180 border color

This element has a border color of #565180.

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

CSS codes

.text {color:#565180;}

.background {background-color:#565180;}

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0d0d14
```
#0d0d14 rgb(13,13,20)
```
#151420
```
#151420 rgb(21,20,32)
```
#1e1c2c
```
#1e1c2c rgb(30,28,44)
```
#262338
```
#262338 rgb(38,35,56)
```
#2e2b44
```
#2e2b44 rgb(46,43,68)
```
#363350
```
#363350 rgb(54,51,80)
```
#3e3a5c
```
#3e3a5c rgb(62,58,92)
```
#464268
```
#464268 rgb(70,66,104)
```
#4e4974
```
#4e4974 rgb(78,73,116)
```
#565180
```
#565180 rgb(86,81,128)
```
#5e598c
```
#5e598c rgb(94,89,140)
```
#666098
```
#666098 rgb(102,96,152)
```

Shade Color Variation

#706ba1
```
#706ba1 rgb(112,107,161)
```
#7c77a9
```
#7c77a9 rgb(124,119,169)
```
#8883b0
```
#8883b0 rgb(136,131,176)
```
#938fb8
```
#938fb8 rgb(147,143,184)
```
#9f9bc0
```
#9f9bc0 rgb(159,155,192)
```
#aaa7c7
```
#aaa7c7 rgb(170,167,199)
```
#b6b3cf
```
#b6b3cf rgb(182,179,207)
```
#c1bfd6
```
#c1bfd6 rgb(193,191,214)
```
#cdcbde
```
#cdcbde rgb(205,203,222)
```
#d8d7e6
```
#d8d7e6 rgb(216,215,230)
```
#e4e3ed
```
#e4e3ed rgb(228,227,237)
```
#efeff5
```
#efeff5 rgb(239,239,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#636170
```
#636170 rgb(99,97,112)
```
#5c5978
```
#5c5978 rgb(92,89,120)
```
#565180
```
#565180 rgb(86,81,128)
```
#504988
```
#504988 rgb(80,73,136)
```
#494190
```
#494190 rgb(73,65,144)
```
#433998
```
#433998 rgb(67,57,152)
```
#3d31a0
```
#3d31a0 rgb(61,49,160)
```
#3629a8
```
#3629a8 rgb(54,41,168)
```
#3021b0
```
#3021b0 rgb(48,33,176)
```
#2a19b8
```
#2a19b8 rgb(42,25,184)
```
#2311c0
```
#2311c0 rgb(35,17,192)
```
#1d09c8
```
#1d09c8 rgb(29,9,200)
```
#1701d0
```
#1701d0 rgb(23,1,208)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#585760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5d89 Protanopia 1% of men
#4f5e84 Deuteranopia 1% of men
#566067 Tritanopia 0.001% of the population

Trichromacy

#515985 Protanomaly 1% of men, 0.01% of women
#515983 Deuteranomaly 6% of men, 0.4% of women
#565b70 Tritanomaly 0.01% of the population

#565180 hex color

#565180 Color Information

#565180 Color Conversion

Color Schemes with #565180

Alternatives to #565180

#565180 Preview

Shades and Tints of #565180

Tones of #565180

Color Blindness Simulator