colorhexa.com

#2d424d hex color

In a RGB color space, hex #2d424d is composed of 17.6% red, 25.9% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 14.3% magenta, 0% yellow and 69.8% black. It has a hue angle of 200.6 degrees, a saturation of 26.2% and a lightness of 23.9%. #2d424d color hex could be obtained by blending #5a849a with #000000. Closest websafe color is: #333366.

- R 18
- G 26
- B 30
RGB color chart
- C 42
- M 14
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #2d424d has RGB values of R:45, G:66, B:77 and CMYK values of C:0.42, M:0.14, Y:0, K:0.7. Its decimal value is 2966093.

Hex triplet	2d424d	`#2d424d`
RGB Decimal	45, 66, 77	`rgb(45,66,77)`
RGB Percent	17.6, 25.9, 30.2	`rgb(17.6%,25.9%,30.2%)`
CMYK	42, 14, 0, 70
HSL	200.6°, 26.2, 23.9	`hsl(200.6,26.2%,23.9%)`
HSV (or HSB)	200.6°, 41.6, 30.2
Web Safe	333366	`#333366`

CIE-LAB	26.706, -4.96, -9.267
XYZ	4.37, 4.99, 7.754
xyY	0.255, 0.292, 4.99
CIE-LCH	26.706, 10.511, 241.842
CIE-LUV	26.706, -9.472, -10.453
Hunter-Lab	22.338, -4.175, -4.943
Binary	00101101, 01000010, 01001101

#2d424d
```
#2d424d rgb(45,66,77)
```
#4d382d
```
#4d382d rgb(77,56,45)
```

Complementary Color

#2d4d48
```
#2d4d48 rgb(45,77,72)
```
#2d424d
```
#2d424d rgb(45,66,77)
```
#2d324d
```
#2d324d rgb(45,50,77)
```

Analogous Color

#4d482d
```
#4d482d rgb(77,72,45)
```
#2d424d
```
#2d424d rgb(45,66,77)
```
#4d2d32
```
#4d2d32 rgb(77,45,50)
```

Split Complementary Color

#11191d
```
#11191d rgb(17,25,29)
```
#1a262d
```
#1a262d rgb(26,38,45)
```
#24343d
```
#24343d rgb(36,52,61)
```
#2d424d
```
#2d424d rgb(45,66,77)
```
#36505d
```
#36505d rgb(54,80,93)
```
#405e6d
```
#405e6d rgb(64,94,109)
```
#496b7d
```
#496b7d rgb(73,107,125)
```

Monochromatic Color

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

#2d4a4d
```
#2d4a4d rgb(45,74,77)
```
#2d474d
```
#2d474d rgb(45,71,77)
```
#2d454d
```
#2d454d rgb(45,69,77)
```
#2d424d
```
#2d424d rgb(45,66,77)
```
#2d3f4d
```
#2d3f4d rgb(45,63,77)
```
#2d3d4d
```
#2d3d4d rgb(45,61,77)
```
#2d3a4d
```
#2d3a4d rgb(45,58,77)
```

Similar Colors

Text with hexadecimal color #2d424d

This text has a font color of #2d424d.

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

#2d424d background color

This paragraph has a background color of #2d424d.

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

#2d424d border color

This element has a border color of #2d424d.

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

CSS codes

.text {color:#2d424d;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090d0f
```
#090d0f rgb(9,13,15)
```
#10181b
```
#10181b rgb(16,24,27)
```
#172228
```
#172228 rgb(23,34,40)
```
#1f2d34
```
#1f2d34 rgb(31,45,52)
```
#263741
```
#263741 rgb(38,55,65)
```
#2d424d
```
#2d424d rgb(45,66,77)
```
#344d59
```
#344d59 rgb(52,77,89)
```
#3b5766
```
#3b5766 rgb(59,87,102)
```
#436272
```
#436272 rgb(67,98,114)
```
#4a6c7f
```
#4a6c7f rgb(74,108,127)
```
#51778b
```
#51778b rgb(81,119,139)
```
#588297
```
#588297 rgb(88,130,151)
```

Shade Color Variation

#618ca3
```
#618ca3 rgb(97,140,163)
```
#6d95aa
```
#6d95aa rgb(109,149,170)
```
#7a9eb1
```
#7a9eb1 rgb(122,158,177)
```
#86a7b8
```
#86a7b8 rgb(134,167,184)
```
#92b0bf
```
#92b0bf rgb(146,176,191)
```
#9fb9c7
```
#9fb9c7 rgb(159,185,199)
```
#abc2ce
```
#abc2ce rgb(171,194,206)
```
#b7cbd5
```
#b7cbd5 rgb(183,203,213)
```
#c4d4dc
```
#c4d4dc rgb(196,212,220)
```
#d0dde4
```
#d0dde4 rgb(208,221,228)
```
#dde6eb
```
#dde6eb rgb(221,230,235)
```
#e9eff2
```
#e9eff2 rgb(233,239,242)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b3e3f is the less saturated color, while #034f77 is the most saturated one.

#3b3e3f
```
#3b3e3f rgb(59,62,63)
```
#363f44
```
#363f44 rgb(54,63,68)
```
#324148
```
#324148 rgb(50,65,72)
```
#2d424d
```
#2d424d rgb(45,66,77)
```
#284352
```
#284352 rgb(40,67,82)
```
#244556
```
#244556 rgb(36,69,86)
```
#1f465b
```
#1f465b rgb(31,70,91)
```
#1a4860
```
#1a4860 rgb(26,72,96)
```
#164964
```
#164964 rgb(22,73,100)
```
#114b69
```
#114b69 rgb(17,75,105)
```
#0c4c6e
```
#0c4c6e rgb(12,76,110)
```
#074e73
```
#074e73 rgb(7,78,115)
```
#034f77
```
#034f77 rgb(3,79,119)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464854 Protanopia 1% of men
#484757 Deuteranopia 1% of men
#364c52 Tritanopia 0.001% of the population

Trichromacy

#3d4651 Protanomaly 1% of men, 0.01% of women
#3e4553 Deuteranomaly 6% of men, 0.4% of women
#334850 Tritanomaly 0.01% of the population