#565f70 hex color

In a RGB color space, hex #565f70 is composed of 33.7% red, 37.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 15.2% magenta, 0% yellow and 56.1% black. It has a hue angle of 219.2 degrees, a saturation of 13.1% and a lightness of 38.8%. #565f70 color hex could be obtained by blending #acbee0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 37
- B 44
RGB color chart
- C 23
- M 15
- Y 0
- K 56
CMYK color chart

● #565f70 color description : Very dark grayish blue.

The hexadecimal color #565f70 has RGB values of R:86, G:95, B:112 and CMYK values of C:0.23, M:0.15, Y:0, K:0.56. Its decimal value is 5660528.

Hex triplet	565f70	`#565f70`
RGB Decimal	86, 95, 112	`rgb(86,95,112)`
RGB Percent	33.7, 37.3, 43.9	`rgb(33.7%,37.3%,43.9%)`
CMYK	23, 15, 0, 56
HSL	219.2°, 13.1, 38.8	`hsl(219.2,13.1%,38.8%)`
HSV (or HSB)	219.2°, 23.2, 43.9
Web Safe	666666	`#666666`

CIE-LAB	40.135, 0.618, -10.791
XYZ	10.854, 11.333, 16.944
xyY	0.277, 0.29, 11.333
CIE-LCH	40.135, 10.809, 273.279
CIE-LUV	40.135, -5.446, -14.658
Hunter-Lab	33.664, -1.359, -6.278
Binary	01010110, 01011111, 01110000

#565f70
```
#565f70 rgb(86,95,112)
```
#706756
```
#706756 rgb(112,103,86)
```

Complementary Color

#566c70
```
#566c70 rgb(86,108,112)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```

Analogous Color

#6c7056
```
#6c7056 rgb(108,112,86)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#705a56
```
#705a56 rgb(112,90,86)
```

Split Complementary Color

#5f7056
```
#5f7056 rgb(95,112,86)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#70565f
```
#70565f rgb(112,86,95)
```

Triadic Color

#567067
```
#567067 rgb(86,112,103)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#70565f
```
#70565f rgb(112,86,95)
```
#706756
```
#706756 rgb(112,103,86)
```

Tetradic Color

#353a45
```
#353a45 rgb(53,58,69)
```
#404753
```
#404753 rgb(64,71,83)
```
#4b5362
```
#4b5362 rgb(75,83,98)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#616b7e
```
#616b7e rgb(97,107,126)
```
#6c778d
```
#6c778d rgb(108,119,141)
```
#7a8499
```
#7a8499 rgb(122,132,153)
```

Monochromatic Color

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

#566670
```
#566670 rgb(86,102,112)
```
#566370
```
#566370 rgb(86,99,112)
```
#566170
```
#566170 rgb(86,97,112)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#565d70
```
#565d70 rgb(86,93,112)
```
#565b70
```
#565b70 rgb(86,91,112)
```
#565970
```
#565970 rgb(86,89,112)
```

Similar Colors

Text with hexadecimal color #565f70

This text has a font color of #565f70.

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

#565f70 background color

This paragraph has a background color of #565f70.

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

#565f70 border color

This element has a border color of #565f70.

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

CSS codes

.text {color:#565f70;}

.background {background-color:#565f70;}

.border {border:1px solid #565f70;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#121417
```
#121417 rgb(18,20,23)
```
#1a1d22
```
#1a1d22 rgb(26,29,34)
```
#23272d
```
#23272d rgb(35,39,45)
```
#2b3039
```
#2b3039 rgb(43,48,57)
```
#343944
```
#343944 rgb(52,57,68)
```
#3c434f
```
#3c434f rgb(60,67,79)
```
#454c5a
```
#454c5a rgb(69,76,90)
```
#4d5665
```
#4d5665 rgb(77,86,101)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#5f687b
```
#5f687b rgb(95,104,123)
```
#677286
```
#677286 rgb(103,114,134)
```

Shade Color Variation

#707b91
```
#707b91 rgb(112,123,145)
```
#7b869a
```
#7b869a rgb(123,134,154)
```
#8690a2
```
#8690a2 rgb(134,144,162)
```
#919aab
```
#919aab rgb(145,154,171)
```
#9ca4b3
```
#9ca4b3 rgb(156,164,179)
```
#a7aebc
```
#a7aebc rgb(167,174,188)
```
#b2b9c4
```
#b2b9c4 rgb(178,185,196)
```
#bdc3cd
```
#bdc3cd rgb(189,195,205)
```
#c9cdd5
```
#c9cdd5 rgb(201,205,213)
```
#d4d7de
```
#d4d7de rgb(212,215,222)
```
#dfe1e6
```
#dfe1e6 rgb(223,225,230)
```
#eaecef
```
#eaecef rgb(234,236,239)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6168 is the less saturated color, while #0245c4 is the most saturated one.

#5e6168
```
#5e6168 rgb(94,97,104)
```
#565f70
```
#565f70 rgb(86,95,112)
```
#4e5d78
```
#4e5d78 rgb(78,93,120)
```
#475a7f
```
#475a7f rgb(71,90,127)
```
#3f5887
```
#3f5887 rgb(63,88,135)
```
#38568e
```
#38568e rgb(56,86,142)
```
#305396
```
#305396 rgb(48,83,150)
```
#28519e
```
#28519e rgb(40,81,158)
```
#214fa5
```
#214fa5 rgb(33,79,165)
```
#194cad
```
#194cad rgb(25,76,173)
```
#114ab5
```
#114ab5 rgb(17,74,181)
```
#0a48bc
```
#0a48bc rgb(10,72,188)
```
#0245c4
```
#0245c4 rgb(2,69,196)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636676 Protanopia 1% of men
#676478 Deuteranopia 1% of men
#5d6870 Tritanopia 0.001% of the population

Trichromacy

#5e6374 Protanomaly 1% of men, 0.01% of women
#616275 Deuteranomaly 6% of men, 0.4% of women
#5a6570 Tritanomaly 0.01% of the population

#565f70 hex color

#565f70 Color Information

#565f70 Color Conversion

Color Schemes with #565f70

Alternatives to #565f70

#565f70 Preview

Shades and Tints of #565f70

Tones of #565f70

Color Blindness Simulator