#2d686d hex color

In a RGB color space, hex #2d686d is composed of 17.6% red, 40.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 4.6% magenta, 0% yellow and 57.3% black. It has a hue angle of 184.7 degrees, a saturation of 41.6% and a lightness of 30.2%. #2d686d color hex could be obtained by blending #5ad0da with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 41
- B 43
RGB color chart
- C 59
- M 5
- Y 0
- K 57
CMYK color chart

● #2d686d color description : Very dark desaturated cyan.

The hexadecimal color #2d686d has RGB values of R:45, G:104, B:109 and CMYK values of C:0.59, M:0.05, Y:0, K:0.57. Its decimal value is 2975853.

Hex triplet	2d686d	`#2d686d`
RGB Decimal	45, 104, 109	`rgb(45,104,109)`
RGB Percent	17.6, 40.8, 42.7	`rgb(17.6%,40.8%,42.7%)`
CMYK	59, 5, 0, 57
HSL	184.7°, 41.6, 30.2	`hsl(184.7,41.6%,30.2%)`
HSV (or HSB)	184.7°, 58.7, 42.7
Web Safe	336666	`#336666`

CIE-LAB	40.511, -17.456, -8.622
XYZ	8.792, 11.562, 16.236
xyY	0.24, 0.316, 11.562
CIE-LCH	40.511, 19.469, 206.286
CIE-LUV	40.511, -23.989, -9.337
Hunter-Lab	34.003, -13.351, -4.507
Binary	00101101, 01101000, 01101101

#2d686d
```
#2d686d rgb(45,104,109)
```
#6d322d
```
#6d322d rgb(109,50,45)
```

Complementary Color

#2d6d52
```
#2d6d52 rgb(45,109,82)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#2d486d
```
#2d486d rgb(45,72,109)
```

Analogous Color

#6d522d
```
#6d522d rgb(109,82,45)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#6d2d48
```
#6d2d48 rgb(109,45,72)
```

Split Complementary Color

#686d2d
```
#686d2d rgb(104,109,45)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#6d2d68
```
#6d2d68 rgb(109,45,104)
```

Triadic Color

#2d6d32
```
#2d6d32 rgb(45,109,50)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#6d2d68
```
#6d2d68 rgb(109,45,104)
```
#6d322d
```
#6d322d rgb(109,50,45)
```

Tetradic Color

#173437
```
#173437 rgb(23,52,55)
```
#1e4649
```
#1e4649 rgb(30,70,73)
```
#26575b
```
#26575b rgb(38,87,91)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#34797f
```
#34797f rgb(52,121,127)
```
#3c8a91
```
#3c8a91 rgb(60,138,145)
```
#439ca3
```
#439ca3 rgb(67,156,163)
```

Monochromatic Color

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

#2d6d62
```
#2d6d62 rgb(45,109,98)
```
#2d6d67
```
#2d6d67 rgb(45,109,103)
```
#2d6d6d
```
#2d6d6d rgb(45,109,109)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#2d636d
```
#2d636d rgb(45,99,109)
```
#2d5d6d
```
#2d5d6d rgb(45,93,109)
```
#2d586d
```
#2d586d rgb(45,88,109)
```

Similar Colors

Text with hexadecimal color #2d686d

This text has a font color of #2d686d.

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

#2d686d background color

This paragraph has a background color of #2d686d.

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

#2d686d border color

This element has a border color of #2d686d.

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

CSS codes

.text {color:#2d686d;}

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

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

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, #050b0c is the darkest color, while #fdfefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0b191a
```
#0b191a rgb(11,25,26)
```
#102628
```
#102628 rgb(16,38,40)
```
#163335
```
#163335 rgb(22,51,53)
```
#1c4043
```
#1c4043 rgb(28,64,67)
```
#224e51
```
#224e51 rgb(34,78,81)
```
#275b5f
```
#275b5f rgb(39,91,95)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#33757b
```
#33757b rgb(51,117,123)
```
#388289
```
#388289 rgb(56,130,137)
```
#3e9097
```
#3e9097 rgb(62,144,151)
```
#449da5
```
#449da5 rgb(68,157,165)
```
#4aaab2
```
#4aaab2 rgb(74,170,178)
```

Shade Color Variation

#56b2b9
```
#56b2b9 rgb(86,178,185)
```
#64b8bf
```
#64b8bf rgb(100,184,191)
```
#72bec5
```
#72bec5 rgb(114,190,197)
```
#80c5cb
```
#80c5cb rgb(128,197,203)
```
#8ecbd0
```
#8ecbd0 rgb(142,203,208)
```
#9cd1d6
```
#9cd1d6 rgb(156,209,214)
```
#aad8dc
```
#aad8dc rgb(170,216,220)
```
#b8dee1
```
#b8dee1 rgb(184,222,225)
```
#c5e5e7
```
#c5e5e7 rgb(197,229,231)
```
#d3ebed
```
#d3ebed rgb(211,235,237)
```
#e1f1f3
```
#e1f1f3 rgb(225,241,243)
```
#eff8f8
```
#eff8f8 rgb(239,248,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#4b4f4f
```
#4b4f4f rgb(75,79,79)
```
#455455
```
#455455 rgb(69,84,85)
```
#3f595b
```
#3f595b rgb(63,89,91)
```
#395e61
```
#395e61 rgb(57,94,97)
```
#336367
```
#336367 rgb(51,99,103)
```
#2d686d
```
#2d686d rgb(45,104,109)
```
#276d73
```
#276d73 rgb(39,109,115)
```
#217279
```
#217279 rgb(33,114,121)
```
#1b777f
```
#1b777f rgb(27,119,127)
```
#157c85
```
#157c85 rgb(21,124,133)
```
#0f818b
```
#0f818b rgb(15,129,139)
```
#098691
```
#098691 rgb(9,134,145)
```
#048b96
```
#048b96 rgb(4,139,150)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#67676f Protanopia 1% of men
#686578 Deuteranopia 1% of men
#396f77 Tritanopia 0.001% of the population

Trichromacy

#51676e Protanomaly 1% of men, 0.01% of women
#536674 Deuteranomaly 6% of men, 0.4% of women
#346c73 Tritanomaly 0.01% of the population

#2d686d hex color

#2d686d Color Information

#2d686d Color Conversion

Color Schemes with #2d686d

Alternatives to #2d686d

#2d686d Preview

Shades and Tints of #2d686d

Tones of #2d686d

Color Blindness Simulator