#2d333c hex color

In a RGB color space, hex #2d333c is composed of 17.6% red, 20% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 15% magenta, 0% yellow and 76.5% black. It has a hue angle of 216 degrees, a saturation of 14.3% and a lightness of 20.6%. #2d333c color hex could be obtained by blending #5a6678 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #2d333c has RGB values of R:45, G:51, B:60 and CMYK values of C:0.25, M:0.15, Y:0, K:0.76. Its decimal value is 2962236.

Hex triplet	2d333c	`#2d333c`
RGB Decimal	45, 51, 60	`rgb(45,51,60)`
RGB Percent	17.6, 20, 23.5	`rgb(17.6%,20%,23.5%)`
CMYK	25, 15, 0, 76
HSL	216°, 14.3, 20.6	`hsl(216,14.3%,20.6%)`
HSV (or HSB)	216°, 25, 23.5
Web Safe	333333	`#333333`

CIE-LAB	21.025, -0.159, -6.52
XYZ	3.081, 3.252, 4.74
xyY	0.278, 0.294, 3.252
CIE-LCH	21.025, 6.522, 268.605
CIE-LUV	21.025, -3.09, -6.953
Hunter-Lab	18.033, -1.054, -2.962
Binary	00101101, 00110011, 00111100

#2d333c
```
#2d333c rgb(45,51,60)
```
#3c362d
```
#3c362d rgb(60,54,45)
```

Complementary Color

#2d3b3c
```
#2d3b3c rgb(45,59,60)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#2f2d3c
```
#2f2d3c rgb(47,45,60)
```

Analogous Color

#3b3c2d
```
#3b3c2d rgb(59,60,45)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#3c2f2d
```
#3c2f2d rgb(60,47,45)
```

Split Complementary Color

#333c2d
```
#333c2d rgb(51,60,45)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#3c2d33
```
#3c2d33 rgb(60,45,51)
```

Triadic Color

#2d3c36
```
#2d3c36 rgb(45,60,54)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#3c2d33
```
#3c2d33 rgb(60,45,51)
```
#3c362d
```
#3c362d rgb(60,54,45)
```

Tetradic Color

#0c0e10
```
#0c0e10 rgb(12,14,16)
```
#171a1f
```
#171a1f rgb(23,26,31)
```
#22272d
```
#22272d rgb(34,39,45)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#383f4b
```
#383f4b rgb(56,63,75)
```
#434c59
```
#434c59 rgb(67,76,89)
```
#4e5868
```
#4e5868 rgb(78,88,104)
```

Monochromatic Color

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

#2d373c
```
#2d373c rgb(45,55,60)
```
#2d363c
```
#2d363c rgb(45,54,60)
```
#2d343c
```
#2d343c rgb(45,52,60)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#2d323c
```
#2d323c rgb(45,50,60)
```
#2d313c
```
#2d313c rgb(45,49,60)
```
#2d2f3c
```
#2d2f3c rgb(45,47,60)
```

Similar Colors

Text with hexadecimal color #2d333c

This text has a font color of #2d333c.

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

#2d333c background color

This paragraph has a background color of #2d333c.

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

#2d333c border color

This element has a border color of #2d333c.

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

CSS codes

.text {color:#2d333c;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0d0f
```
#0b0d0f rgb(11,13,15)
```
#14161a
```
#14161a rgb(20,22,26)
```
#1c2026
```
#1c2026 rgb(28,32,38)
```
#252931
```
#252931 rgb(37,41,49)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#353d47
```
#353d47 rgb(53,61,71)
```
#3e4652
```
#3e4652 rgb(62,70,82)
```
#46505e
```
#46505e rgb(70,80,94)
```
#4f5969
```
#4f5969 rgb(79,89,105)
```
#576374
```
#576374 rgb(87,99,116)
```
#5f6c7f
```
#5f6c7f rgb(95,108,127)
```
#68768a
```
#68768a rgb(104,118,138)
```

Shade Color Variation

#717f95
```
#717f95 rgb(113,127,149)
```
#7c8a9d
```
#7c8a9d rgb(124,138,157)
```
#8894a5
```
#8894a5 rgb(136,148,165)
```
#939eae
```
#939eae rgb(147,158,174)
```
#9ea8b6
```
#9ea8b6 rgb(158,168,182)
```
#a9b2bf
```
#a9b2bf rgb(169,178,191)
```
#b4bcc7
```
#b4bcc7 rgb(180,188,199)
```
#c0c6d0
```
#c0c6d0 rgb(192,198,208)
```
#cbd0d8
```
#cbd0d8 rgb(203,208,216)
```
#d6dae0
```
#d6dae0 rgb(214,218,224)
```
#e1e4e9
```
#e1e4e9 rgb(225,228,233)
```
#edeef1
```
#edeef1 rgb(237,238,241)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#313438
```
#313438 rgb(49,52,56)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#293240
```
#293240 rgb(41,50,64)
```
#253144
```
#253144 rgb(37,49,68)
```
#213148
```
#213148 rgb(33,49,72)
```
#1d304c
```
#1d304c rgb(29,48,76)
```
#192f50
```
#192f50 rgb(25,47,80)
```
#152e54
```
#152e54 rgb(21,46,84)
```
#112d58
```
#112d58 rgb(17,45,88)
```
#0d2d5c
```
#0d2d5c rgb(13,45,92)
```
#092c60
```
#092c60 rgb(9,44,96)
```
#052b64
```
#052b64 rgb(5,43,100)
```
#012a68
```
#012a68 rgb(1,42,104)
```

Tone Color Variation

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

#3b3c45 Protanopia 1% of men
#3d3b46 Deuteranopia 1% of men
#373e42 Tritanopia 0.001% of the population

Trichromacy

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

#2d333c hex color

#2d333c Color Information

#2d333c Color Conversion

Color Schemes with #2d333c

Alternatives to #2d333c

#2d333c Preview

Shades and Tints of #2d333c

Tones of #2d333c

Color Blindness Simulator