#2d314d hex color

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

♥
- f
- t
- g
- R 18
- G 19
- B 30
RGB color chart
- C 42
- M 36
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #2d314d has RGB values of R:45, G:49, B:77 and CMYK values of C:0.42, M:0.36, Y:0, K:0.7. Its decimal value is 2961741.

Hex triplet	2d314d	`#2d314d`
RGB Decimal	45, 49, 77	`rgb(45,49,77)`
RGB Percent	17.6, 19.2, 30.2	`rgb(17.6%,19.2%,30.2%)`
CMYK	42, 36, 0, 70
HSL	232.5°, 26.2, 23.9	`hsl(232.5,26.2%,23.9%)`
HSV (or HSB)	232.5°, 41.6, 30.2
Web Safe	333366	`#333366`

CIE-LAB	21.171, 6.441, -17.789
XYZ	3.52, 3.29, 7.47
xyY	0.246, 0.23, 3.29
CIE-LCH	21.171, 18.919, 289.903
CIE-LUV	21.171, -2.98, -20.641
Hunter-Lab	18.139, 2.894, -11.721
Binary	00101101, 00110001, 01001101

#2d314d
```
#2d314d rgb(45,49,77)
```
#4d492d
```
#4d492d rgb(77,73,45)
```

Complementary Color

#2d414d
```
#2d414d rgb(45,65,77)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#392d4d
```
#392d4d rgb(57,45,77)
```

Analogous Color

#414d2d
```
#414d2d rgb(65,77,45)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#4d392d
```
#4d392d rgb(77,57,45)
```

Split Complementary Color

#314d2d
```
#314d2d rgb(49,77,45)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#4d2d31
```
#4d2d31 rgb(77,45,49)
```

Triadic Color

#2d4d49
```
#2d4d49 rgb(45,77,73)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#4d2d31
```
#4d2d31 rgb(77,45,49)
```
#4d492d
```
#4d492d rgb(77,73,45)
```

Tetradic Color

#11121d
```
#11121d rgb(17,18,29)
```
#1a1d2d
```
#1a1d2d rgb(26,29,45)
```
#24273d
```
#24273d rgb(36,39,61)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#363b5d
```
#363b5d rgb(54,59,93)
```
#40456d
```
#40456d rgb(64,69,109)
```
#49507d
```
#49507d rgb(73,80,125)
```

Monochromatic Color

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

#2d394d
```
#2d394d rgb(45,57,77)
```
#2d364d
```
#2d364d rgb(45,54,77)
```
#2d344d
```
#2d344d rgb(45,52,77)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#2d2e4d
```
#2d2e4d rgb(45,46,77)
```
#2e2d4d
```
#2e2d4d rgb(46,45,77)
```
#312d4d
```
#312d4d rgb(49,45,77)
```

Similar Colors

Text with hexadecimal color #2d314d

This text has a font color of #2d314d.

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

#2d314d background color

This paragraph has a background color of #2d314d.

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

#2d314d border color

This element has a border color of #2d314d.

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

CSS codes

.text {color:#2d314d;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090a0f
```
#090a0f rgb(9,10,15)
```
#10111b
```
#10111b rgb(16,17,27)
```
#171928
```
#171928 rgb(23,25,40)
```
#1f2134
```
#1f2134 rgb(31,33,52)
```
#262941
```
#262941 rgb(38,41,65)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#343959
```
#343959 rgb(52,57,89)
```
#3b4166
```
#3b4166 rgb(59,65,102)
```
#434972
```
#434972 rgb(67,73,114)
```
#4a517f
```
#4a517f rgb(74,81,127)
```
#51588b
```
#51588b rgb(81,88,139)
```
#586097
```
#586097 rgb(88,96,151)
```

Shade Color Variation

#6169a3
```
#6169a3 rgb(97,105,163)
```
#6d75aa
```
#6d75aa rgb(109,117,170)
```
#7a80b1
```
#7a80b1 rgb(122,128,177)
```
#868cb8
```
#868cb8 rgb(134,140,184)
```
#9298bf
```
#9298bf rgb(146,152,191)
```
#9fa4c7
```
#9fa4c7 rgb(159,164,199)
```
#abafce
```
#abafce rgb(171,175,206)
```
#b7bbd5
```
#b7bbd5 rgb(183,187,213)
```
#c4c7dc
```
#c4c7dc rgb(196,199,220)
```
#d0d3e4
```
#d0d3e4 rgb(208,211,228)
```
#dddeeb
```
#dddeeb rgb(221,222,235)
```
#e9eaf2
```
#e9eaf2 rgb(233,234,242)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#3b3c3f
```
#3b3c3f rgb(59,60,63)
```
#363844
```
#363844 rgb(54,56,68)
```
#323548
```
#323548 rgb(50,53,72)
```
#2d314d
```
#2d314d rgb(45,49,77)
```
#282d52
```
#282d52 rgb(40,45,82)
```
#242a56
```
#242a56 rgb(36,42,86)
```
#1f265b
```
#1f265b rgb(31,38,91)
```
#1a2360
```
#1a2360 rgb(26,35,96)
```
#161f64
```
#161f64 rgb(22,31,100)
```
#111c69
```
#111c69 rgb(17,28,105)
```
#0c186e
```
#0c186e rgb(12,24,110)
```
#071573
```
#071573 rgb(7,21,115)
```
#031177
```
#031177 rgb(3,17,119)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323338 Atypical Achromatopsia 0.001% of the population

Dichromacy

#343c56 Protanopia 1% of men
#333d55 Deuteranopia 1% of men
#323f44 Tritanopia 0.001% of the population

Trichromacy

#313853 Protanomaly 1% of men, 0.01% of women
#303852 Deuteranomaly 6% of men, 0.4% of women
#303a47 Tritanomaly 0.01% of the population

#2d314d hex color

#2d314d Color Information

#2d314d Color Conversion

Color Schemes with #2d314d

Alternatives to #2d314d

#2d314d Preview

Shades and Tints of #2d314d

Tones of #2d314d

Color Blindness Simulator