#2d586b hex color

In a RGB color space, hex #2d586b is composed of 17.6% red, 34.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 17.8% magenta, 0% yellow and 58% black. It has a hue angle of 198.4 degrees, a saturation of 40.8% and a lightness of 29.8%. #2d586b color hex could be obtained by blending #5ab0d6 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #2d586b has RGB values of R:45, G:88, B:107 and CMYK values of C:0.58, M:0.18, Y:0, K:0.58. Its decimal value is 2971755.

Hex triplet	2d586b	`#2d586b`
RGB Decimal	45, 88, 107	`rgb(45,88,107)`
RGB Percent	17.6, 34.5, 42	`rgb(17.6%,34.5%,42%)`
CMYK	58, 18, 0, 58
HSL	198.4°, 40.8, 29.8	`hsl(198.4,40.8%,29.8%)`
HSV (or HSB)	198.4°, 57.9, 42
Web Safe	336666	`#336666`

CIE-LAB	35.199, -8.881, -15.449
XYZ	7.225, 8.598, 15.188
xyY	0.233, 0.277, 8.598
CIE-LCH	35.199, 17.819, 240.108
CIE-LUV	35.199, -17.774, -19.489
Hunter-Lab	29.323, -7.334, -10.183
Binary	00101101, 01011000, 01101011

#2d586b
```
#2d586b rgb(45,88,107)
```
#6b402d
```
#6b402d rgb(107,64,45)
```

Complementary Color

#2d6b5f
```
#2d6b5f rgb(45,107,95)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#2d396b
```
#2d396b rgb(45,57,107)
```

Analogous Color

#6b5f2d
```
#6b5f2d rgb(107,95,45)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#6b2d39
```
#6b2d39 rgb(107,45,57)
```

Split Complementary Color

#586b2d
```
#586b2d rgb(88,107,45)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#6b2d58
```
#6b2d58 rgb(107,45,88)
```

Triadic Color

#2d6b40
```
#2d6b40 rgb(45,107,64)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#6b2d58
```
#6b2d58 rgb(107,45,88)
```
#6b402d
```
#6b402d rgb(107,64,45)
```

Tetradic Color

#162c35
```
#162c35 rgb(22,44,53)
```
#1e3a47
```
#1e3a47 rgb(30,58,71)
```
#254959
```
#254959 rgb(37,73,89)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#35677d
```
#35677d rgb(53,103,125)
```
#3c768f
```
#3c768f rgb(60,118,143)
```
#4484a1
```
#4484a1 rgb(68,132,161)
```

Monochromatic Color

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

#2d686b
```
#2d686b rgb(45,104,107)
```
#2d626b
```
#2d626b rgb(45,98,107)
```
#2d5d6b
```
#2d5d6b rgb(45,93,107)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#2d536b
```
#2d536b rgb(45,83,107)
```
#2d4e6b
```
#2d4e6b rgb(45,78,107)
```
#2d496b
```
#2d496b rgb(45,73,107)
```

Similar Colors

Text with hexadecimal color #2d586b

This text has a font color of #2d586b.

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

#2d586b background color

This paragraph has a background color of #2d586b.

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

#2d586b border color

This element has a border color of #2d586b.

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

CSS codes

.text {color:#2d586b;}

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

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

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

#04090a
```
#04090a rgb(4,9,10)
```
#0a1418
```
#0a1418 rgb(10,20,24)
```
#101f26
```
#101f26 rgb(16,31,38)
```
#162b34
```
#162b34 rgb(22,43,52)
```
#1c3642
```
#1c3642 rgb(28,54,66)
```
#21414f
```
#21414f rgb(33,65,79)
```
#274d5d
```
#274d5d rgb(39,77,93)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#336379
```
#336379 rgb(51,99,121)
```
#396f87
```
#396f87 rgb(57,111,135)
```
#3e7a94
```
#3e7a94 rgb(62,122,148)
```
#4485a2
```
#4485a2 rgb(68,133,162)
```
#4a91b0
```
#4a91b0 rgb(74,145,176)
```

Shade Color Variation

#569ab8
```
#569ab8 rgb(86,154,184)
```
#64a2be
```
#64a2be rgb(100,162,190)
```
#71aac3
```
#71aac3 rgb(113,170,195)
```
#7fb3c9
```
#7fb3c9 rgb(127,179,201)
```
#8dbbcf
```
#8dbbcf rgb(141,187,207)
```
#9bc3d5
```
#9bc3d5 rgb(155,195,213)
```
#a9cbdb
```
#a9cbdb rgb(169,203,219)
```
#b6d4e1
```
#b6d4e1 rgb(182,212,225)
```
#c4dce6
```
#c4dce6 rgb(196,220,230)
```
#d2e4ec
```
#d2e4ec rgb(210,228,236)
```
#e0ecf2
```
#e0ecf2 rgb(224,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, #4a4d4e is the less saturated color, while #046894 is the most saturated one.

#4a4d4e
```
#4a4d4e rgb(74,77,78)
```
#444f54
```
#444f54 rgb(68,79,84)
```
#3f5159
```
#3f5159 rgb(63,81,89)
```
#39535f
```
#39535f rgb(57,83,95)
```
#335665
```
#335665 rgb(51,86,101)
```
#2d586b
```
#2d586b rgb(45,88,107)
```
#275a71
```
#275a71 rgb(39,90,113)
```
#215d77
```
#215d77 rgb(33,93,119)
```
#1b5f7d
```
#1b5f7d rgb(27,95,125)
```
#166182
```
#166182 rgb(22,97,130)
```
#106388
```
#106388 rgb(16,99,136)
```
#0a668e
```
#0a668e rgb(10,102,142)
```
#046894
```
#046894 rgb(4,104,148)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474f53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565a6f Protanopia 1% of men
#555a75 Deuteranopia 1% of men
#336269 Tritanopia 0.001% of the population

Trichromacy

#47596d Protanomaly 1% of men, 0.01% of women
#465971 Deuteranomaly 6% of men, 0.4% of women
#315e6a Tritanomaly 0.01% of the population

#2d586b hex color

#2d586b Color Information

#2d586b Color Conversion

Color Schemes with #2d586b

Alternatives to #2d586b

#2d586b Preview

Shades and Tints of #2d586b

Tones of #2d586b

Color Blindness Simulator