#2d313a hex color

In a RGB color space, hex #2d313a is composed of 17.6% red, 19.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 15.5% magenta, 0% yellow and 77.3% black. It has a hue angle of 221.5 degrees, a saturation of 12.6% and a lightness of 20.2%. #2d313a color hex could be obtained by blending #5a6274 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 19
- B 23
RGB color chart
- C 22
- M 16
- Y 0
- K 77
CMYK color chart

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

The hexadecimal color #2d313a has RGB values of R:45, G:49, B:58 and CMYK values of C:0.22, M:0.16, Y:0, K:0.77. Its decimal value is 2961722.

Hex triplet	2d313a	`#2d313a`
RGB Decimal	45, 49, 58	`rgb(45,49,58)`
RGB Percent	17.6, 19.2, 22.7	`rgb(17.6%,19.2%,22.7%)`
CMYK	22, 16, 0, 77
HSL	221.5°, 12.6, 20.2	`hsl(221.5,12.6%,20.2%)`
HSV (or HSB)	221.5°, 22.4, 22.7
Web Safe	333333	`#333333`

CIE-LAB	20.282, 0.637, -6.275
XYZ	2.944, 3.06, 4.438
xyY	0.282, 0.293, 3.06
CIE-LCH	20.282, 6.307, 275.794
CIE-LUV	20.282, -2.211, -6.666
Hunter-Lab	17.493, -0.57, -2.798
Binary	00101101, 00110001, 00111010

#2d313a
```
#2d313a rgb(45,49,58)
```
#3a362d
```
#3a362d rgb(58,54,45)
```

Complementary Color

#2d383a
```
#2d383a rgb(45,56,58)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#302d3a
```
#302d3a rgb(48,45,58)
```

Analogous Color

#383a2d
```
#383a2d rgb(56,58,45)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#3a302d
```
#3a302d rgb(58,48,45)
```

Split Complementary Color

#313a2d
```
#313a2d rgb(49,58,45)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#3a2d31
```
#3a2d31 rgb(58,45,49)
```

Triadic Color

#2d3a36
```
#2d3a36 rgb(45,58,54)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#3a2d31
```
#3a2d31 rgb(58,45,49)
```
#3a362d
```
#3a362d rgb(58,54,45)
```

Tetradic Color

#0c0d0f
```
#0c0d0f rgb(12,13,15)
```
#17191d
```
#17191d rgb(23,25,29)
```
#22252c
```
#22252c rgb(34,37,44)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#383d48
```
#383d48 rgb(56,61,72)
```
#434957
```
#434957 rgb(67,73,87)
```
#4e5565
```
#4e5565 rgb(78,85,101)
```

Monochromatic Color

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

#2d343a
```
#2d343a rgb(45,52,58)
```
#2d333a
```
#2d333a rgb(45,51,58)
```
#2d323a
```
#2d323a rgb(45,50,58)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#2d303a
```
#2d303a rgb(45,48,58)
```
#2d2f3a
```
#2d2f3a rgb(45,47,58)
```
#2d2e3a
```
#2d2e3a rgb(45,46,58)
```

Similar Colors

Text with hexadecimal color #2d313a

This text has a font color of #2d313a.

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

#2d313a background color

This paragraph has a background color of #2d313a.

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

#2d313a border color

This element has a border color of #2d313a.

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

CSS codes

.text {color:#2d313a;}

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

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

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 #f7f7f9 is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#0b0c0e
```
#0b0c0e rgb(11,12,14)
```
#131519
```
#131519 rgb(19,21,25)
```
#1c1e24
```
#1c1e24 rgb(28,30,36)
```
#24282f
```
#24282f rgb(36,40,47)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#363a45
```
#363a45 rgb(54,58,69)
```
#3e4450
```
#3e4450 rgb(62,68,80)
```
#474d5b
```
#474d5b rgb(71,77,91)
```
#4f5666
```
#4f5666 rgb(79,86,102)
```
#586071
```
#586071 rgb(88,96,113)
```
#60697c
```
#60697c rgb(96,105,124)
```
#697287
```
#697287 rgb(105,114,135)
```

Shade Color Variation

#727c92
```
#727c92 rgb(114,124,146)
```
#7d869a
```
#7d869a rgb(125,134,154)
```
#8890a3
```
#8890a3 rgb(136,144,163)
```
#939bab
```
#939bab rgb(147,155,171)
```
#9ea5b4
```
#9ea5b4 rgb(158,165,180)
```
#a9afbd
```
#a9afbd rgb(169,175,189)
```
#b4bac5
```
#b4bac5 rgb(180,186,197)
```
#bfc4ce
```
#bfc4ce rgb(191,196,206)
```
#cbced6
```
#cbced6 rgb(203,206,214)
```
#d6d8df
```
#d6d8df rgb(214,216,223)
```
#e1e3e7
```
#e1e3e7 rgb(225,227,231)
```
#ecedf0
```
#ecedf0 rgb(236,237,240)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#313336
```
#313336 rgb(49,51,54)
```
#2d313a
```
#2d313a rgb(45,49,58)
```
#292f3e
```
#292f3e rgb(41,47,62)
```
#252e42
```
#252e42 rgb(37,46,66)
```
#212c46
```
#212c46 rgb(33,44,70)
```
#1d2b4a
```
#1d2b4a rgb(29,43,74)
```
#19294e
```
#19294e rgb(25,41,78)
```
#152852
```
#152852 rgb(21,40,82)
```
#112656
```
#112656 rgb(17,38,86)
```
#0d255a
```
#0d255a rgb(13,37,90)
```
#09235e
```
#09235e rgb(9,35,94)
```
#052262
```
#052262 rgb(5,34,98)
```
#012066
```
#012066 rgb(1,32,102)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#303133 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3b43 Protanopia 1% of men
#3c3a44 Deuteranopia 1% of men
#373c40 Tritanopia 0.001% of the population

Trichromacy

#353740 Protanomaly 1% of men, 0.01% of women
#363640 Deuteranomaly 6% of men, 0.4% of women
#33383e Tritanomaly 0.01% of the population

#2d313a hex color

#2d313a Color Information

#2d313a Color Conversion

Color Schemes with #2d313a

Alternatives to #2d313a

#2d313a Preview

Shades and Tints of #2d313a

Tones of #2d313a

Color Blindness Simulator