#2d334f hex color

In a RGB color space, hex #2d334f is composed of 17.6% red, 20% green and 31% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 35.4% magenta, 0% yellow and 69% black. It has a hue angle of 229.4 degrees, a saturation of 27.4% and a lightness of 24.3%. #2d334f color hex could be obtained by blending #5a669e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 20
- B 31
RGB color chart
- C 43
- M 35
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #2d334f has RGB values of R:45, G:51, B:79 and CMYK values of C:0.43, M:0.35, Y:0, K:0.69. Its decimal value is 2962255.

Hex triplet	2d334f	`#2d334f`
RGB Decimal	45, 51, 79	`rgb(45,51,79)`
RGB Percent	17.6, 20, 31	`rgb(17.6%,20%,31%)`
CMYK	43, 35, 0, 69
HSL	229.4°, 27.4, 24.3	`hsl(229.4,27.4%,24.3%)`
HSV (or HSB)	229.4°, 43, 31
Web Safe	333366	`#333366`

CIE-LAB	21.908, 5.708, -17.975
XYZ	3.677, 3.49, 7.877
xyY	0.244, 0.232, 3.49
CIE-LCH	21.908, 18.86, 287.617
CIE-LUV	21.908, -3.758, -21.082
Hunter-Lab	18.681, 2.441, -11.921
Binary	00101101, 00110011, 01001111

#2d334f
```
#2d334f rgb(45,51,79)
```
#4f492d
```
#4f492d rgb(79,73,45)
```

Complementary Color

#2d444f
```
#2d444f rgb(45,68,79)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#382d4f
```
#382d4f rgb(56,45,79)
```

Analogous Color

#444f2d
```
#444f2d rgb(68,79,45)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#4f382d
```
#4f382d rgb(79,56,45)
```

Split Complementary Color

#334f2d
```
#334f2d rgb(51,79,45)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#4f2d33
```
#4f2d33 rgb(79,45,51)
```

Triadic Color

#2d4f49
```
#2d4f49 rgb(45,79,73)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#4f2d33
```
#4f2d33 rgb(79,45,51)
```
#4f492d
```
#4f492d rgb(79,73,45)
```

Tetradic Color

#11141e
```
#11141e rgb(17,20,30)
```
#1a1e2f
```
#1a1e2f rgb(26,30,47)
```
#24293f
```
#24293f rgb(36,41,63)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#363d5f
```
#363d5f rgb(54,61,95)
```
#40486f
```
#40486f rgb(64,72,111)
```
#495280
```
#495280 rgb(73,82,128)
```

Monochromatic Color

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

#2d3c4f
```
#2d3c4f rgb(45,60,79)
```
#2d394f
```
#2d394f rgb(45,57,79)
```
#2d364f
```
#2d364f rgb(45,54,79)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#2d304f
```
#2d304f rgb(45,48,79)
```
#2d2d4f
```
#2d2d4f rgb(45,45,79)
```
#302d4f
```
#302d4f rgb(48,45,79)
```

Similar Colors

Text with hexadecimal color #2d334f

This text has a font color of #2d334f.

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

#2d334f background color

This paragraph has a background color of #2d334f.

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

#2d334f border color

This element has a border color of #2d334f.

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

CSS codes

.text {color:#2d334f;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090b11
```
#090b11 rgb(9,11,17)
```
#11131d
```
#11131d rgb(17,19,29)
```
#181b2a
```
#181b2a rgb(24,27,42)
```
#1f2336
```
#1f2336 rgb(31,35,54)
```
#262b43
```
#262b43 rgb(38,43,67)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#3b4368
```
#3b4368 rgb(59,67,104)
```
#424b74
```
#424b74 rgb(66,75,116)
```
#495381
```
#495381 rgb(73,83,129)
```
#515b8d
```
#515b8d rgb(81,91,141)
```
#58639a
```
#58639a rgb(88,99,154)
```

Shade Color Variation

#616da5
```
#616da5 rgb(97,109,165)
```
#6d78ac
```
#6d78ac rgb(109,120,172)
```
#7a84b3
```
#7a84b3 rgb(122,132,179)
```
#868fba
```
#868fba rgb(134,143,186)
```
#939bc1
```
#939bc1 rgb(147,155,193)
```
#9fa6c8
```
#9fa6c8 rgb(159,166,200)
```
#acb2cf
```
#acb2cf rgb(172,178,207)
```
#b8bdd7
```
#b8bdd7 rgb(184,189,215)
```
#c5c9de
```
#c5c9de rgb(197,201,222)
```
#d1d5e5
```
#d1d5e5 rgb(209,213,229)
```
#dee0ec
```
#dee0ec rgb(222,224,236)
```
#eaecf3
```
#eaecf3 rgb(234,236,243)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

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

#3b3c41
```
#3b3c41 rgb(59,60,65)
```
#373945
```
#373945 rgb(55,57,69)
```
#32364a
```
#32364a rgb(50,54,74)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#283054
```
#283054 rgb(40,48,84)
```
#232d59
```
#232d59 rgb(35,45,89)
```
#1f2a5d
```
#1f2a5d rgb(31,42,93)
```
#1a2762
```
#1a2762 rgb(26,39,98)
```
#152467
```
#152467 rgb(21,36,103)
```
#10206c
```
#10206c rgb(16,32,108)
```
#0c1d70
```
#0c1d70 rgb(12,29,112)
```
#071a75
```
#071a75 rgb(7,26,117)
```
#02177a
```
#02177a rgb(2,23,122)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#333439 Atypical Achromatopsia 0.001% of the population

Dichromacy

#353e58 Protanopia 1% of men
#343e57 Deuteranopia 1% of men
#324146 Tritanopia 0.001% of the population

Trichromacy

#323a55 Protanomaly 1% of men, 0.01% of women
#313a54 Deuteranomaly 6% of men, 0.4% of women
#303c49 Tritanomaly 0.01% of the population

#2d334f hex color

#2d334f Color Information

#2d334f Color Conversion

Color Schemes with #2d334f

Alternatives to #2d334f

#2d334f Preview

Shades and Tints of #2d334f

Tones of #2d334f

Color Blindness Simulator