#333214 hex color

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

♥
- f
- t
- g
- R 20
- G 20
- B 8
RGB color chart
- C 0
- M 2
- Y 61
- K 80
CMYK color chart

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

The hexadecimal color #333214 has RGB values of R:51, G:50, B:20 and CMYK values of C:0, M:0.02, Y:0.61, K:0.8. Its decimal value is 3355156.

Hex triplet	333214	`#333214`
RGB Decimal	51, 50, 20	`rgb(51,50,20)`
RGB Percent	20, 19.6, 7.8	`rgb(20%,19.6%,7.8%)`
CMYK	0, 2, 61, 80
HSL	58.1°, 43.7, 13.9	`hsl(58.1,43.7%,13.9%)`
HSV (or HSB)	58.1°, 60.8, 20
Web Safe	333300	`#333300`

CIE-LAB	20.186, -4.701, 19.035
XYZ	2.632, 3.036, 1.109
xyY	0.388, 0.448, 3.036
CIE-LCH	20.186, 19.607, 103.873
CIE-LUV	20.186, 1.738, 16.329
Hunter-Lab	17.423, -3.524, 8.422
Binary	00110011, 00110010, 00010100

#333214
```
#333214 rgb(51,50,20)
```
#141533
```
#141533 rgb(20,21,51)
```

Complementary Color

#332314
```
#332314 rgb(51,35,20)
```
#333214
```
#333214 rgb(51,50,20)
```
#253314
```
#253314 rgb(37,51,20)
```

Analogous Color

#231433
```
#231433 rgb(35,20,51)
```
#333214
```
#333214 rgb(51,50,20)
```
#142533
```
#142533 rgb(20,37,51)
```

Split Complementary Color

#321433
```
#321433 rgb(50,20,51)
```
#333214
```
#333214 rgb(51,50,20)
```
#143332
```
#143332 rgb(20,51,50)
```

Triadic Color

#331415
```
#331415 rgb(51,20,21)
```
#333214
```
#333214 rgb(51,50,20)
```
#143332
```
#143332 rgb(20,51,50)
```
#141533
```
#141533 rgb(20,21,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0e06
```
#0e0e06 rgb(14,14,6)
```
#21200d
```
#21200d rgb(33,32,13)
```
#333214
```
#333214 rgb(51,50,20)
```
#45441b
```
#45441b rgb(69,68,27)
```
#585622
```
#585622 rgb(88,86,34)
```
#6a682a
```
#6a682a rgb(106,104,42)
```

Monochromatic Color

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

#332a14
```
#332a14 rgb(51,42,20)
```
#332d14
```
#332d14 rgb(51,45,20)
```
#332f14
```
#332f14 rgb(51,47,20)
```
#333214
```
#333214 rgb(51,50,20)
```
#313314
```
#313314 rgb(49,51,20)
```
#2f3314
```
#2f3314 rgb(47,51,20)
```
#2c3314
```
#2c3314 rgb(44,51,20)
```

Similar Colors

Text with hexadecimal color #333214

This text has a font color of #333214.

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

#333214 background color

This paragraph has a background color of #333214.

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

#333214 border color

This element has a border color of #333214.

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

CSS codes

.text {color:#333214;}

.background {background-color:#333214;}

.border {border:1px solid #333214;}

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

#090903
```
#090903 rgb(9,9,3)
```
#171609
```
#171609 rgb(23,22,9)
```
#25240e
```
#25240e rgb(37,36,14)
```
#333214
```
#333214 rgb(51,50,20)
```
#41401a
```
#41401a rgb(65,64,26)
```
#4f4e1f
```
#4f4e1f rgb(79,78,31)
```
#5d5b25
```
#5d5b25 rgb(93,91,37)
```
#6b692a
```
#6b692a rgb(107,105,42)
```
#797730
```
#797730 rgb(121,119,48)
```
#888535
```
#888535 rgb(136,133,53)
```
#96933b
```
#96933b rgb(150,147,59)
```
#a4a140
```
#a4a140 rgb(164,161,64)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```

Shade Color Variation

#bbb751
```
#bbb751 rgb(187,183,81)
```
#c0bd5f
```
#c0bd5f rgb(192,189,95)
```
#c6c36d
```
#c6c36d rgb(198,195,109)
```
#cbc97b
```
#cbc97b rgb(203,201,123)
```
#d1ce89
```
#d1ce89 rgb(209,206,137)
```
#d6d497
```
#d6d497 rgb(214,212,151)
```
#dcdaa5
```
#dcdaa5 rgb(220,218,165)
```
#e1e0b3
```
#e1e0b3 rgb(225,224,179)
```
#e7e6c1
```
#e7e6c1 rgb(231,230,193)
```
#ecebcf
```
#ecebcf rgb(236,235,207)
```
#f2f1dd
```
#f2f1dd rgb(242,241,221)
```
#f7f7ec
```
#f7f7ec rgb(247,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,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 #464401 is the most saturated one.

#252522
```
#252522 rgb(37,37,34)
```
#28281f
```
#28281f rgb(40,40,31)
```
#2b2a1c
```
#2b2a1c rgb(43,42,28)
```
#2e2d19
```
#2e2d19 rgb(46,45,25)
```
#302f17
```
#302f17 rgb(48,47,23)
```
#333214
```
#333214 rgb(51,50,20)
```
#363511
```
#363511 rgb(54,53,17)
```
#38370f
```
#38370f rgb(56,55,15)
```
#3b3a0c
```
#3b3a0c rgb(59,58,12)
```
#3e3c09
```
#3e3c09 rgb(62,60,9)
```
#413f06
```
#413f06 rgb(65,63,6)
```
#434104
```
#434104 rgb(67,65,4)
```
#464401
```
#464401 rgb(70,68,1)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#30302a Atypical Achromatopsia 0.001% of the population

Dichromacy

#413b1f Protanopia 1% of men
#483821 Deuteranopia 1% of men
#41393d Tritanopia 0.001% of the population

Trichromacy

#3c381b Protanomaly 1% of men, 0.01% of women
#40361c Deuteranomaly 6% of men, 0.4% of women
#3b362e Tritanomaly 0.01% of the population

#333214 hex color

#333214 Color Information

#333214 Color Conversion

Color Schemes with #333214

Alternatives to #333214

#333214 Preview

Shades and Tints of #333214

Tones of #333214

Color Blindness Simulator