#333a14 hex color

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

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

● #333a14 color description : Very dark yellow [Olive tone].

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

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

CIE-LAB	22.932, -9.715, 22.209
XYZ	3.005, 3.78, 1.233
xyY	0.375, 0.471, 3.78
CIE-LCH	22.932, 24.241, 113.627
CIE-LUV	22.932, -2.478, 20.34
Hunter-Lab	19.443, -6.443, 9.85
Binary	00110011, 00111010, 00010100

#333a14
```
#333a14 rgb(51,58,20)
```
#1b143a
```
#1b143a rgb(27,20,58)
```

Complementary Color

#3a2e14
```
#3a2e14 rgb(58,46,20)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#203a14
```
#203a14 rgb(32,58,20)
```

Analogous Color

#2e143a
```
#2e143a rgb(46,20,58)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#14203a
```
#14203a rgb(20,32,58)
```

Split Complementary Color

#3a1433
```
#3a1433 rgb(58,20,51)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#14333a
```
#14333a rgb(20,51,58)
```

Triadic Color

#3a1b14
```
#3a1b14 rgb(58,27,20)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#14333a
```
#14333a rgb(20,51,58)
```
#1b143a
```
#1b143a rgb(27,20,58)
```

Tetradic Color

#010100
```
#010100 rgb(1,1,0)
```
#121407
```
#121407 rgb(18,20,7)
```
#22270d
```
#22270d rgb(34,39,13)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#444d1b
```
#444d1b rgb(68,77,27)
```
#546021
```
#546021 rgb(84,96,33)
```
#657328
```
#657328 rgb(101,115,40)
```

Monochromatic Color

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

#3a3814
```
#3a3814 rgb(58,56,20)
```
#393a14
```
#393a14 rgb(57,58,20)
```
#363a14
```
#363a14 rgb(54,58,20)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#303a14
```
#303a14 rgb(48,58,20)
```
#2d3a14
```
#2d3a14 rgb(45,58,20)
```
#2a3a14
```
#2a3a14 rgb(42,58,20)
```

Similar Colors

Text with hexadecimal color #333a14

This text has a font color of #333a14.

<span style="color:#333a14;">Text here</span>

#333a14 background color

This paragraph has a background color of #333a14.

<p style="background-color:#333a14;">Content here</p>

#333a14 border color

This element has a border color of #333a14.

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

CSS codes

.text {color:#333a14;}

.background {background-color:#333a14;}

.border {border:1px solid #333a14;}

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

#0d0e05
```
#0d0e05 rgb(13,14,5)
```
#191d0a
```
#191d0a rgb(25,29,10)
```
#262b0f
```
#262b0f rgb(38,43,15)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#404919
```
#404919 rgb(64,73,25)
```
#4d571e
```
#4d571e rgb(77,87,30)
```
#596623
```
#596623 rgb(89,102,35)
```
#667428
```
#667428 rgb(102,116,40)
```
#73832d
```
#73832d rgb(115,131,45)
```
#809232
```
#809232 rgb(128,146,50)
```
#8da037
```
#8da037 rgb(141,160,55)
```
#9aaf3c
```
#9aaf3c rgb(154,175,60)
```
#a6bd41
```
#a6bd41 rgb(166,189,65)
```

Shade Color Variation

#adc350
```
#adc350 rgb(173,195,80)
```
#b4c85e
```
#b4c85e rgb(180,200,94)
```
#bbcd6d
```
#bbcd6d rgb(187,205,109)
```
#c2d27b
```
#c2d27b rgb(194,210,123)
```
#c9d78a
```
#c9d78a rgb(201,215,138)
```
#cfdc99
```
#cfdc99 rgb(207,220,153)
```
#d6e1a7
```
#d6e1a7 rgb(214,225,167)
```
#dde6b6
```
#dde6b6 rgb(221,230,182)
```
#e4ebc4
```
#e4ebc4 rgb(228,235,196)
```
#eaf0d3
```
#eaf0d3 rgb(234,240,211)
```
#f1f5e1
```
#f1f5e1 rgb(241,245,225)
```
#f8faf0
```
#f8faf0 rgb(248,250,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 #3e4c02 is the most saturated one.

#282826
```
#282826 rgb(40,40,38)
```
#2a2b23
```
#2a2b23 rgb(42,43,35)
```
#2b2e20
```
#2b2e20 rgb(43,46,32)
```
#2d311d
```
#2d311d rgb(45,49,29)
```
#2f341a
```
#2f341a rgb(47,52,26)
```
#313717
```
#313717 rgb(49,55,23)
```
#333a14
```
#333a14 rgb(51,58,20)
```
#353d11
```
#353d11 rgb(53,61,17)
```
#37400e
```
#37400e rgb(55,64,14)
```
#39430b
```
#39430b rgb(57,67,11)
```
#3b4608
```
#3b4608 rgb(59,70,8)
```
#3c4905
```
#3c4905 rgb(60,73,5)
```
#3e4c02
```
#3e4c02 rgb(62,76,2)
```

Tone Color Variation

Below, you can see how #333a14 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
#34352e Atypical Achromatopsia 0.001% of the population

Dichromacy

#48411f Protanopia 1% of men
#4f3e22 Deuteranopia 1% of men
#424044 Tritanopia 0.001% of the population

Trichromacy

#403e1b Protanomaly 1% of men, 0.01% of women
#453c1d Deuteranomaly 6% of men, 0.4% of women
#3c3e33 Tritanomaly 0.01% of the population

#333a14 hex color

#333a14 Color Information

#333a14 Color Conversion

Color Schemes with #333a14

Alternatives to #333a14

#333a14 Preview

Shades and Tints of #333a14

Tones of #333a14

Color Blindness Simulator