colorhexa.com

#2c3314 hex color

In a RGB color space, hex #2c3314 is composed of 17.3% red, 20% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 0% magenta, 60.8% yellow and 80% black. It has a hue angle of 73.5 degrees, a saturation of 43.7% and a lightness of 13.9%. #2c3314 color hex could be obtained by blending #586628 with #000000. Closest websafe color is: #333300.

- R 17
- G 20
- B 8
RGB color chart
- C 14
- M 0
- Y 61
- K 80
CMYK color chart

● #2c3314 color description : Very dark yellow [Olive tone].

The hexadecimal color #2c3314 has RGB values of R:44, G:51, B:20 and CMYK values of C:0.14, M:0, Y:0.61, K:0.8. Its decimal value is 2896660.

Hex triplet	2c3314	`#2c3314`
RGB Decimal	44, 51, 20	`rgb(44,51,20)`
RGB Percent	17.3, 20, 7.8	`rgb(17.3%,20%,7.8%)`
CMYK	14, 0, 61, 80
HSL	73.5°, 43.7, 13.9	`hsl(73.5,43.7%,13.9%)`
HSV (or HSB)	73.5°, 60.8, 20
Web Safe	333300	`#333300`

CIE-LAB	19.857, -8.92, 18.481
XYZ	2.349, 2.954, 1.108
xyY	0.366, 0.461, 2.954
CIE-LCH	19.857, 20.521, 115.766
CIE-LUV	19.857, -2.544, 16.406
Hunter-Lab	17.186, -5.681, 8.207
Binary	00101100, 00110011, 00010100

#2c3314
```
#2c3314 rgb(44,51,20)
```
#1b1433
```
#1b1433 rgb(27,20,51)
```

Complementary Color

#332b14
```
#332b14 rgb(51,43,20)
```
#2c3314
```
#2c3314 rgb(44,51,20)
```
#1d3314
```
#1d3314 rgb(29,51,20)
```

Analogous Color

#2b1433
```
#2b1433 rgb(43,20,51)
```
#2c3314
```
#2c3314 rgb(44,51,20)
```
#141d33
```
#141d33 rgb(20,29,51)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#0c0e06
```
#0c0e06 rgb(12,14,6)
```
#1c210d
```
#1c210d rgb(28,33,13)
```
#2c3314
```
#2c3314 rgb(44,51,20)
```
#3c451b
```
#3c451b rgb(60,69,27)
```
#4c5822
```
#4c5822 rgb(76,88,34)
```
#5b6a2a
```
#5b6a2a rgb(91,106,42)
```

Monochromatic Color

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

#333214
```
#333214 rgb(51,50,20)
```
#313314
```
#313314 rgb(49,51,20)
```
#2f3314
```
#2f3314 rgb(47,51,20)
```
#2c3314
```
#2c3314 rgb(44,51,20)
```
#293314
```
#293314 rgb(41,51,20)
```
#273314
```
#273314 rgb(39,51,20)
```
#243314
```
#243314 rgb(36,51,20)
```

Similar Colors

Text with hexadecimal color #2c3314

This text has a font color of #2c3314.

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

#2c3314 background color

This paragraph has a background color of #2c3314.

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

#2c3314 border color

This element has a border color of #2c3314.

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

CSS codes

.text {color:#2c3314;}

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

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

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

#080903
```
#080903 rgb(8,9,3)
```
#141709
```
#141709 rgb(20,23,9)
```
#20250e
```
#20250e rgb(32,37,14)
```
#2c3314
```
#2c3314 rgb(44,51,20)
```
#38411a
```
#38411a rgb(56,65,26)
```
#444f1f
```
#444f1f rgb(68,79,31)
```
#505d25
```
#505d25 rgb(80,93,37)
```
#5d6b2a
```
#5d6b2a rgb(93,107,42)
```
#697930
```
#697930 rgb(105,121,48)
```
#758835
```
#758835 rgb(117,136,53)
```
#81963b
```
#81963b rgb(129,150,59)
```
#8da440
```
#8da440 rgb(141,164,64)
```
#99b246
```
#99b246 rgb(153,178,70)
```

Shade Color Variation

#a3bb51
```
#a3bb51 rgb(163,187,81)
```
#aac05f
```
#aac05f rgb(170,192,95)
```
#b2c66d
```
#b2c66d rgb(178,198,109)
```
#b9cb7b
```
#b9cb7b rgb(185,203,123)
```
#c0d189
```
#c0d189 rgb(192,209,137)
```
#c8d697
```
#c8d697 rgb(200,214,151)
```
#cfdca5
```
#cfdca5 rgb(207,220,165)
```
#d7e1b3
```
#d7e1b3 rgb(215,225,179)
```
#dee7c1
```
#dee7c1 rgb(222,231,193)
```
#e6eccf
```
#e6eccf rgb(230,236,207)
```
#edf2dd
```
#edf2dd rgb(237,242,221)
```
#f5f7ec
```
#f5f7ec rgb(245,247,236)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#252522
```
#252522 rgb(37,37,34)
```
#26281f
```
#26281f rgb(38,40,31)
```
#282b1c
```
#282b1c rgb(40,43,28)
```
#292e19
```
#292e19 rgb(41,46,25)
```
#2b3017
```
#2b3017 rgb(43,48,23)
```
#2c3314
```
#2c3314 rgb(44,51,20)
```
#2d3611
```
#2d3611 rgb(45,54,17)
```
#2f380f
```
#2f380f rgb(47,56,15)
```
#303b0c
```
#303b0c rgb(48,59,12)
```
#323e09
```
#323e09 rgb(50,62,9)
```
#334106
```
#334106 rgb(51,65,6)
```
#354304
```
#354304 rgb(53,67,4)
```
#364601
```
#364601 rgb(54,70,1)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2d2e28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#403a1f Protanopia 1% of men
#473822 Deuteranopia 1% of men
#3b3a3e Tritanopia 0.001% of the population

Trichromacy

#39371b Protanomaly 1% of men, 0.01% of women
#3d361c Deuteranomaly 6% of men, 0.4% of women
#35372f Tritanomaly 0.01% of the population