#2d566c hex color

In a RGB color space, hex #2d566c is composed of 17.6% red, 33.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 20.4% magenta, 0% yellow and 57.6% black. It has a hue angle of 201 degrees, a saturation of 41.2% and a lightness of 30%. #2d566c color hex could be obtained by blending #5aacd8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 34
- B 42
RGB color chart
- C 58
- M 20
- Y 0
- K 58
CMYK color chart

● #2d566c color description : Very dark desaturated blue.

The hexadecimal color #2d566c has RGB values of R:45, G:86, B:108 and CMYK values of C:0.58, M:0.2, Y:0, K:0.58. Its decimal value is 2971244.

Hex triplet	2d566c	`#2d566c`
RGB Decimal	45, 86, 108	`rgb(45,86,108)`
RGB Percent	17.6, 33.7, 42.4	`rgb(17.6%,33.7%,42.4%)`
CMYK	58, 20, 0, 58
HSL	201°, 41.2, 30	`hsl(201,41.2%,30%)`
HSV (or HSB)	201°, 58.3, 42.4
Web Safe	336666	`#336666`

CIE-LAB	34.591, -7.331, -17.006
XYZ	7.116, 8.296, 15.413
xyY	0.231, 0.269, 8.296
CIE-LCH	34.591, 18.519, 246.681
CIE-LUV	34.591, -16.971, -21.763
Hunter-Lab	28.802, -6.303, -11.566
Binary	00101101, 01010110, 01101100

#2d566c
```
#2d566c rgb(45,86,108)
```
#6c432d
```
#6c432d rgb(108,67,45)
```

Complementary Color

#2d6c62
```
#2d6c62 rgb(45,108,98)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#2d376c
```
#2d376c rgb(45,55,108)
```

Analogous Color

#6c622d
```
#6c622d rgb(108,98,45)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#6c2d37
```
#6c2d37 rgb(108,45,55)
```

Split Complementary Color

#566c2d
```
#566c2d rgb(86,108,45)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#6c2d56
```
#6c2d56 rgb(108,45,86)
```

Triadic Color

#2d6c43
```
#2d6c43 rgb(45,108,67)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#6c2d56
```
#6c2d56 rgb(108,45,86)
```
#6c432d
```
#6c432d rgb(108,67,45)
```

Tetradic Color

#172b36
```
#172b36 rgb(23,43,54)
```
#1e3948
```
#1e3948 rgb(30,57,72)
```
#26485a
```
#26485a rgb(38,72,90)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#35647e
```
#35647e rgb(53,100,126)
```
#3c7390
```
#3c7390 rgb(60,115,144)
```
#4481a2
```
#4481a2 rgb(68,129,162)
```

Monochromatic Color

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

#2d666c
```
#2d666c rgb(45,102,108)
```
#2d616c
```
#2d616c rgb(45,97,108)
```
#2d5b6c
```
#2d5b6c rgb(45,91,108)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#2d516c
```
#2d516c rgb(45,81,108)
```
#2d4c6c
```
#2d4c6c rgb(45,76,108)
```
#2d466c
```
#2d466c rgb(45,70,108)
```

Similar Colors

Text with hexadecimal color #2d566c

This text has a font color of #2d566c.

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

#2d566c background color

This paragraph has a background color of #2d566c.

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

#2d566c border color

This element has a border color of #2d566c.

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

CSS codes

.text {color:#2d566c;}

.background {background-color:#2d566c;}

.border {border:1px solid #2d566c;}

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, #05090b is the darkest color, while #fcfdfe is the lightest one.

#05090b
```
#05090b rgb(5,9,11)
```
#0a1419
```
#0a1419 rgb(10,20,25)
```
#101f27
```
#101f27 rgb(16,31,39)
```
#162a35
```
#162a35 rgb(22,42,53)
```
#1c3542
```
#1c3542 rgb(28,53,66)
```
#214050
```
#214050 rgb(33,64,80)
```
#274b5e
```
#274b5e rgb(39,75,94)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#33617a
```
#33617a rgb(51,97,122)
```
#396c88
```
#396c88 rgb(57,108,136)
```
#3e7796
```
#3e7796 rgb(62,119,150)
```
#4482a3
```
#4482a3 rgb(68,130,163)
```
#4a8db1
```
#4a8db1 rgb(74,141,177)
```

Shade Color Variation

#5696b9
```
#5696b9 rgb(86,150,185)
```
#649fbe
```
#649fbe rgb(100,159,190)
```
#72a7c4
```
#72a7c4 rgb(114,167,196)
```
#80b0ca
```
#80b0ca rgb(128,176,202)
```
#8db9d0
```
#8db9d0 rgb(141,185,208)
```
#9bc1d5
```
#9bc1d5 rgb(155,193,213)
```
#a9cadb
```
#a9cadb rgb(169,202,219)
```
#b7d2e1
```
#b7d2e1 rgb(183,210,225)
```
#c5dbe7
```
#c5dbe7 rgb(197,219,231)
```
#d3e4ed
```
#d3e4ed rgb(211,228,237)
```
#e1ecf2
```
#e1ecf2 rgb(225,236,242)
```
#eef5f8
```
#eef5f8 rgb(238,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#4a4d4f
```
#4a4d4f rgb(74,77,79)
```
#454f54
```
#454f54 rgb(69,79,84)
```
#3f515a
```
#3f515a rgb(63,81,90)
```
#395260
```
#395260 rgb(57,82,96)
```
#335466
```
#335466 rgb(51,84,102)
```
#2d566c
```
#2d566c rgb(45,86,108)
```
#275872
```
#275872 rgb(39,88,114)
```
#215a78
```
#215a78 rgb(33,90,120)
```
#1b5b7e
```
#1b5b7e rgb(27,91,126)
```
#155d84
```
#155d84 rgb(21,93,132)
```
#105f89
```
#105f89 rgb(16,95,137)
```
#0a618f
```
#0a618f rgb(10,97,143)
```
#046295
```
#046295 rgb(4,98,149)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545970 Protanopia 1% of men
#525975 Deuteranopia 1% of men
#326068 Tritanopia 0.001% of the population

Trichromacy

#46586e Protanomaly 1% of men, 0.01% of women
#445872 Deuteranomaly 6% of men, 0.4% of women
#305c69 Tritanomaly 0.01% of the population

#2d566c hex color

#2d566c Color Information

#2d566c Color Conversion

Color Schemes with #2d566c

Alternatives to #2d566c

#2d566c Preview

Shades and Tints of #2d566c

Tones of #2d566c

Color Blindness Simulator