#3a3314 hex color

In a RGB color space, hex #3a3314 is composed of 22.7% red, 20% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.1% magenta, 65.5% yellow and 77.3% black. It has a hue angle of 48.9 degrees, a saturation of 48.7% and a lightness of 15.3%. #3a3314 color hex could be obtained by blending #746628 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 23
- G 20
- B 8
RGB color chart
- C 0
- M 12
- Y 66
- K 77
CMYK color chart

● #3a3314 color description : Very dark yellow [Olive tone].

The hexadecimal color #3a3314 has RGB values of R:58, G:51, B:20 and CMYK values of C:0, M:0.12, Y:0.66, K:0.77. Its decimal value is 3814164.

Hex triplet	3a3314	`#3a3314`
RGB Decimal	58, 51, 20	`rgb(58,51,20)`
RGB Percent	22.7, 20, 7.8	`rgb(22.7%,20%,7.8%)`
CMYK	0, 12, 66, 77
HSL	48.9°, 48.7, 15.3	`hsl(48.9,48.7%,15.3%)`
HSV (or HSB)	48.9°, 65.5, 22.7
Web Safe	333300	`#333300`

CIE-LAB	21.274, -1.689, 20.496
XYZ	3.055, 3.318, 1.141
xyY	0.407, 0.442, 3.318
CIE-LCH	21.274, 20.566, 94.712
CIE-LUV	21.274, 5.372, 17.299
Hunter-Lab	18.215, -1.938, 9.036
Binary	00111010, 00110011, 00010100

#3a3314
```
#3a3314 rgb(58,51,20)
```
#141b3a
```
#141b3a rgb(20,27,58)
```

Complementary Color

#3a2014
```
#3a2014 rgb(58,32,20)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#2e3a14
```
#2e3a14 rgb(46,58,20)
```

Analogous Color

#20143a
```
#20143a rgb(32,20,58)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#142e3a
```
#142e3a rgb(20,46,58)
```

Split Complementary Color

#33143a
```
#33143a rgb(51,20,58)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#143a33
```
#143a33 rgb(20,58,51)
```

Triadic Color

#3a141b
```
#3a141b rgb(58,20,27)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#143a33
```
#143a33 rgb(20,58,51)
```
#141b3a
```
#141b3a rgb(20,27,58)
```

Tetradic Color

#010100
```
#010100 rgb(1,1,0)
```
#141207
```
#141207 rgb(20,18,7)
```
#27220d
```
#27220d rgb(39,34,13)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#4d441b
```
#4d441b rgb(77,68,27)
```
#605421
```
#605421 rgb(96,84,33)
```
#736528
```
#736528 rgb(115,101,40)
```

Monochromatic Color

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

#3a2a14
```
#3a2a14 rgb(58,42,20)
```
#3a2d14
```
#3a2d14 rgb(58,45,20)
```
#3a3014
```
#3a3014 rgb(58,48,20)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#3a3614
```
#3a3614 rgb(58,54,20)
```
#3a3914
```
#3a3914 rgb(58,57,20)
```
#383a14
```
#383a14 rgb(56,58,20)
```

Similar Colors

Text with hexadecimal color #3a3314

This text has a font color of #3a3314.

<span style="color:#3a3314;">Text here</span>

#3a3314 background color

This paragraph has a background color of #3a3314.

<p style="background-color:#3a3314;">Content here</p>

#3a3314 border color

This element has a border color of #3a3314.

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

CSS codes

.text {color:#3a3314;}

.background {background-color:#3a3314;}

.border {border:1px solid #3a3314;}

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, #0e0d05 is the darkest color, while #ffffff is the lightest one.

#0e0d05
```
#0e0d05 rgb(14,13,5)
```
#1d190a
```
#1d190a rgb(29,25,10)
```
#2b260f
```
#2b260f rgb(43,38,15)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#494019
```
#494019 rgb(73,64,25)
```
#574d1e
```
#574d1e rgb(87,77,30)
```
#665923
```
#665923 rgb(102,89,35)
```
#746628
```
#746628 rgb(116,102,40)
```
#83732d
```
#83732d rgb(131,115,45)
```
#928032
```
#928032 rgb(146,128,50)
```
#a08d37
```
#a08d37 rgb(160,141,55)
```
#af9a3c
```
#af9a3c rgb(175,154,60)
```
#bda641
```
#bda641 rgb(189,166,65)
```

Shade Color Variation

#c3ad50
```
#c3ad50 rgb(195,173,80)
```
#c8b45e
```
#c8b45e rgb(200,180,94)
```
#cdbb6d
```
#cdbb6d rgb(205,187,109)
```
#d2c27b
```
#d2c27b rgb(210,194,123)
```
#d7c98a
```
#d7c98a rgb(215,201,138)
```
#dccf99
```
#dccf99 rgb(220,207,153)
```
#e1d6a7
```
#e1d6a7 rgb(225,214,167)
```
#e6ddb6
```
#e6ddb6 rgb(230,221,182)
```
#ebe4c4
```
#ebe4c4 rgb(235,228,196)
```
#f0ead3
```
#f0ead3 rgb(240,234,211)
```
#f5f1e1
```
#f5f1e1 rgb(245,241,225)
```
#faf8f0
```
#faf8f0 rgb(250,248,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#282826
```
#282826 rgb(40,40,38)
```
#2b2a23
```
#2b2a23 rgb(43,42,35)
```
#2e2b20
```
#2e2b20 rgb(46,43,32)
```
#312d1d
```
#312d1d rgb(49,45,29)
```
#342f1a
```
#342f1a rgb(52,47,26)
```
#373117
```
#373117 rgb(55,49,23)
```
#3a3314
```
#3a3314 rgb(58,51,20)
```
#3d3511
```
#3d3511 rgb(61,53,17)
```
#40370e
```
#40370e rgb(64,55,14)
```
#43390b
```
#43390b rgb(67,57,11)
```
#463b08
```
#463b08 rgb(70,59,8)
```
#493c05
```
#493c05 rgb(73,60,5)
```
#4c3e02
```
#4c3e02 rgb(76,62,2)
```

Tone Color Variation

Below, you can see how #3a3314 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
#34322c Atypical Achromatopsia 0.001% of the population

Dichromacy

#433d20 Protanopia 1% of men
#4b3a21 Deuteranopia 1% of men
#473a3e Tritanopia 0.001% of the population

Trichromacy

#40391b Protanomaly 1% of men, 0.01% of women
#44381c Deuteranomaly 6% of men, 0.4% of women
#42372e Tritanomaly 0.01% of the population

#3a3314 hex color

#3a3314 Color Information

#3a3314 Color Conversion

Color Schemes with #3a3314

Alternatives to #3a3314

#3a3314 Preview

Shades and Tints of #3a3314

Tones of #3a3314

Color Blindness Simulator