#2d333d hex color

In a RGB color space, hex #2d333d is composed of 17.6% red, 20% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 16.4% magenta, 0% yellow and 76.1% black. It has a hue angle of 217.5 degrees, a saturation of 15.1% and a lightness of 20.8%. #2d333d color hex could be obtained by blending #5a667a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 20
- B 24
RGB color chart
- C 26
- M 16
- Y 0
- K 76
CMYK color chart

● #2d333d color description : Very dark grayish blue.

The hexadecimal color #2d333d has RGB values of R:45, G:51, B:61 and CMYK values of C:0.26, M:0.16, Y:0, K:0.76. Its decimal value is 2962237.

Hex triplet	2d333d	`#2d333d`
RGB Decimal	45, 51, 61	`rgb(45,51,61)`
RGB Percent	17.6, 20, 23.9	`rgb(17.6%,20%,23.9%)`
CMYK	26, 16, 0, 76
HSL	217.5°, 15.1, 20.8	`hsl(217.5,15.1%,20.8%)`
HSV (or HSB)	217.5°, 26.2, 23.9
Web Safe	333333	`#333333`

CIE-LAB	21.066, 0.126, -7.139
XYZ	3.108, 3.262, 4.881
xyY	0.276, 0.29, 3.262
CIE-LCH	21.066, 7.14, 271.009
CIE-LUV	21.066, -3.123, -7.679
Hunter-Lab	18.062, -0.892, -3.377
Binary	00101101, 00110011, 00111101

#2d333d
```
#2d333d rgb(45,51,61)
```
#3d372d
```
#3d372d rgb(61,55,45)
```

Complementary Color

#2d3b3d
```
#2d3b3d rgb(45,59,61)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#2f2d3d
```
#2f2d3d rgb(47,45,61)
```

Analogous Color

#3b3d2d
```
#3b3d2d rgb(59,61,45)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#3d2f2d
```
#3d2f2d rgb(61,47,45)
```

Split Complementary Color

#333d2d
```
#333d2d rgb(51,61,45)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#3d2d33
```
#3d2d33 rgb(61,45,51)
```

Triadic Color

#2d3d37
```
#2d3d37 rgb(45,61,55)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#3d2d33
```
#3d2d33 rgb(61,45,51)
```
#3d372d
```
#3d372d rgb(61,55,45)
```

Tetradic Color

#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#171a20
```
#171a20 rgb(23,26,32)
```
#22272e
```
#22272e rgb(34,39,46)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#383f4c
```
#383f4c rgb(56,63,76)
```
#434c5a
```
#434c5a rgb(67,76,90)
```
#4d5869
```
#4d5869 rgb(77,88,105)
```

Monochromatic Color

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

#2d373d
```
#2d373d rgb(45,55,61)
```
#2d363d
```
#2d363d rgb(45,54,61)
```
#2d343d
```
#2d343d rgb(45,52,61)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#2d323d
```
#2d323d rgb(45,50,61)
```
#2d303d
```
#2d303d rgb(45,48,61)
```
#2d2f3d
```
#2d2f3d rgb(45,47,61)
```

Similar Colors

Text with hexadecimal color #2d333d

This text has a font color of #2d333d.

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

#2d333d background color

This paragraph has a background color of #2d333d.

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

#2d333d border color

This element has a border color of #2d333d.

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

CSS codes

.text {color:#2d333d;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0c0d10
```
#0c0d10 rgb(12,13,16)
```
#14171b
```
#14171b rgb(20,23,27)
```
#1c2026
```
#1c2026 rgb(28,32,38)
```
#252a32
```
#252a32 rgb(37,42,50)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#353c48
```
#353c48 rgb(53,60,72)
```
#3e4654
```
#3e4654 rgb(62,70,84)
```
#464f5f
```
#464f5f rgb(70,79,95)
```
#4e596a
```
#4e596a rgb(78,89,106)
```
#576275
```
#576275 rgb(87,98,117)
```
#5f6c81
```
#5f6c81 rgb(95,108,129)
```
#67758c
```
#67758c rgb(103,117,140)
```

Shade Color Variation

#717f96
```
#717f96 rgb(113,127,150)
```
#7c899e
```
#7c899e rgb(124,137,158)
```
#8793a7
```
#8793a7 rgb(135,147,167)
```
#939daf
```
#939daf rgb(147,157,175)
```
#9ea8b7
```
#9ea8b7 rgb(158,168,183)
```
#a9b2c0
```
#a9b2c0 rgb(169,178,192)
```
#b5bcc8
```
#b5bcc8 rgb(181,188,200)
```
#c0c6d0
```
#c0c6d0 rgb(192,198,208)
```
#cbd0d9
```
#cbd0d9 rgb(203,208,217)
```
#d6dae1
```
#d6dae1 rgb(214,218,225)
```
#e2e5e9
```
#e2e5e9 rgb(226,229,233)
```
#edeff2
```
#edeff2 rgb(237,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#313439
```
#313439 rgb(49,52,57)
```
#2d333d
```
#2d333d rgb(45,51,61)
```
#293241
```
#293241 rgb(41,50,65)
```
#253145
```
#253145 rgb(37,49,69)
```
#213049
```
#213049 rgb(33,48,73)
```
#1d2f4d
```
#1d2f4d rgb(29,47,77)
```
#192e51
```
#192e51 rgb(25,46,81)
```
#152d55
```
#152d55 rgb(21,45,85)
```
#102c5a
```
#102c5a rgb(16,44,90)
```
#0c2b5e
```
#0c2b5e rgb(12,43,94)
```
#082a62
```
#082a62 rgb(8,42,98)
```
#042966
```
#042966 rgb(4,41,102)
```
#00286a
```
#00286a rgb(0,40,106)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#313234 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b3c46 Protanopia 1% of men
#3d3b47 Deuteranopia 1% of men
#363e42 Tritanopia 0.001% of the population

Trichromacy

#363943 Protanomaly 1% of men, 0.01% of women
#373843 Deuteranomaly 6% of men, 0.4% of women
#333a40 Tritanomaly 0.01% of the population

#2d333d hex color

#2d333d Color Information

#2d333d Color Conversion

Color Schemes with #2d333d

Alternatives to #2d333d

#2d333d Preview

Shades and Tints of #2d333d

Tones of #2d333d

Color Blindness Simulator