#2d303c hex color

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

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

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

The hexadecimal color #2d303c has RGB values of R:45, G:48, B:60 and CMYK values of C:0.25, M:0.2, Y:0, K:0.76. Its decimal value is 2961468.

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

CIE-LAB	20.036, 1.886, -8.016
XYZ	2.955, 2.998, 4.698
xyY	0.277, 0.281, 2.998
CIE-LCH	20.036, 8.235, 283.243
CIE-LUV	20.036, -1.895, -8.665
Hunter-Lab	17.315, 0.159, -3.966
Binary	00101101, 00110000, 00111100

#2d303c
```
#2d303c rgb(45,48,60)
```
#3c392d
```
#3c392d rgb(60,57,45)
```

Complementary Color

#2d383c
```
#2d383c rgb(45,56,60)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#322d3c
```
#322d3c rgb(50,45,60)
```

Analogous Color

#383c2d
```
#383c2d rgb(56,60,45)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#3c322d
```
#3c322d rgb(60,50,45)
```

Split Complementary Color

#303c2d
```
#303c2d rgb(48,60,45)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#3c2d30
```
#3c2d30 rgb(60,45,48)
```

Triadic Color

#2d3c39
```
#2d3c39 rgb(45,60,57)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#3c2d30
```
#3c2d30 rgb(60,45,48)
```
#3c392d
```
#3c392d rgb(60,57,45)
```

Tetradic Color

#0c0d10
```
#0c0d10 rgb(12,13,16)
```
#17191f
```
#17191f rgb(23,25,31)
```
#22242d
```
#22242d rgb(34,36,45)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#383c4b
```
#383c4b rgb(56,60,75)
```
#434759
```
#434759 rgb(67,71,89)
```
#4e5368
```
#4e5368 rgb(78,83,104)
```

Monochromatic Color

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

#2d343c
```
#2d343c rgb(45,52,60)
```
#2d333c
```
#2d333c rgb(45,51,60)
```
#2d313c
```
#2d313c rgb(45,49,60)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#2d2f3c
```
#2d2f3c rgb(45,47,60)
```
#2d2e3c
```
#2d2e3c rgb(45,46,60)
```
#2e2d3c
```
#2e2d3c rgb(46,45,60)
```

Similar Colors

Text with hexadecimal color #2d303c

This text has a font color of #2d303c.

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

#2d303c background color

This paragraph has a background color of #2d303c.

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

#2d303c border color

This element has a border color of #2d303c.

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

CSS codes

.text {color:#2d303c;}

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

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

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)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#14151a
```
#14151a rgb(20,21,26)
```
#1c1e26
```
#1c1e26 rgb(28,30,38)
```
#252731
```
#252731 rgb(37,39,49)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#353947
```
#353947 rgb(53,57,71)
```
#3e4252
```
#3e4252 rgb(62,66,82)
```
#464b5e
```
#464b5e rgb(70,75,94)
```
#4f5469
```
#4f5469 rgb(79,84,105)
```
#575d74
```
#575d74 rgb(87,93,116)
```
#5f667f
```
#5f667f rgb(95,102,127)
```
#686f8a
```
#686f8a rgb(104,111,138)
```

Shade Color Variation

#717895
```
#717895 rgb(113,120,149)
```
#7c839d
```
#7c839d rgb(124,131,157)
```
#888ea5
```
#888ea5 rgb(136,142,165)
```
#9398ae
```
#9398ae rgb(147,152,174)
```
#9ea3b6
```
#9ea3b6 rgb(158,163,182)
```
#a9aebf
```
#a9aebf rgb(169,174,191)
```
#b4b8c7
```
#b4b8c7 rgb(180,184,199)
```
#c0c3d0
```
#c0c3d0 rgb(192,195,208)
```
#cbced8
```
#cbced8 rgb(203,206,216)
```
#d6d8e0
```
#d6d8e0 rgb(214,216,224)
```
#e1e3e9
```
#e1e3e9 rgb(225,227,233)
```
#ededf1
```
#ededf1 rgb(237,237,241)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#313238
```
#313238 rgb(49,50,56)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#292e40
```
#292e40 rgb(41,46,64)
```
#252b44
```
#252b44 rgb(37,43,68)
```
#212948
```
#212948 rgb(33,41,72)
```
#1d264c
```
#1d264c rgb(29,38,76)
```
#192450
```
#192450 rgb(25,36,80)
```
#152154
```
#152154 rgb(21,33,84)
```
#111f58
```
#111f58 rgb(17,31,88)
```
#0d1d5c
```
#0d1d5c rgb(13,29,92)
```
#091a60
```
#091a60 rgb(9,26,96)
```
#051864
```
#051864 rgb(5,24,100)
```
#011568
```
#011568 rgb(1,21,104)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2f3032 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383a46 Protanopia 1% of men
#3a3946 Deuteranopia 1% of men
#363b40 Tritanopia 0.001% of the population

Trichromacy

#343642 Protanomaly 1% of men, 0.01% of women
#353642 Deuteranomaly 6% of men, 0.4% of women
#33373e Tritanomaly 0.01% of the population

#2d303c hex color

#2d303c Color Information

#2d303c Color Conversion

Color Schemes with #2d303c

Alternatives to #2d303c

#2d303c Preview

Shades and Tints of #2d303c

Tones of #2d303c

Color Blindness Simulator