#333314 hex color

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

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

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

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

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

CIE-LAB	20.526, -5.345, 19.435
XYZ	2.675, 3.122, 1.123
xyY	0.387, 0.451, 3.122
CIE-LCH	20.526, 20.157, 105.376
CIE-LUV	20.526, 1.213, 16.827
Hunter-Lab	17.669, -3.894, 8.599
Binary	00110011, 00110011, 00010100

#333314
```
#333314 rgb(51,51,20)
```
#141433
```
#141433 rgb(20,20,51)
```

Complementary Color

#332414
```
#332414 rgb(51,36,20)
```
#333314
```
#333314 rgb(51,51,20)
```
#243314
```
#243314 rgb(36,51,20)
```

Analogous Color

#241433
```
#241433 rgb(36,20,51)
```
#333314
```
#333314 rgb(51,51,20)
```
#142433
```
#142433 rgb(20,36,51)
```

Split Complementary Color

#331433
```
#331433 rgb(51,20,51)
```
#333314
```
#333314 rgb(51,51,20)
```
#143333
```
#143333 rgb(20,51,51)
```

Triadic Color

#331414
```
#331414 rgb(51,20,20)
```
#333314
```
#333314 rgb(51,51,20)
```
#143333
```
#143333 rgb(20,51,51)
```
#141433
```
#141433 rgb(20,20,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0e06
```
#0e0e06 rgb(14,14,6)
```
#21210d
```
#21210d rgb(33,33,13)
```
#333314
```
#333314 rgb(51,51,20)
```
#45451b
```
#45451b rgb(69,69,27)
```
#585822
```
#585822 rgb(88,88,34)
```
#6a6a2a
```
#6a6a2a rgb(106,106,42)
```

Monochromatic Color

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

#332b14
```
#332b14 rgb(51,43,20)
```
#332e14
```
#332e14 rgb(51,46,20)
```
#333014
```
#333014 rgb(51,48,20)
```
#333314
```
#333314 rgb(51,51,20)
```
#303314
```
#303314 rgb(48,51,20)
```
#2e3314
```
#2e3314 rgb(46,51,20)
```
#2b3314
```
#2b3314 rgb(43,51,20)
```

Similar Colors

Text with hexadecimal color #333314

This text has a font color of #333314.

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

#333314 background color

This paragraph has a background color of #333314.

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

#333314 border color

This element has a border color of #333314.

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

CSS codes

.text {color:#333314;}

.background {background-color:#333314;}

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

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)
```
#171709
```
#171709 rgb(23,23,9)
```
#25250e
```
#25250e rgb(37,37,14)
```
#333314
```
#333314 rgb(51,51,20)
```
#41411a
```
#41411a rgb(65,65,26)
```
#4f4f1f
```
#4f4f1f rgb(79,79,31)
```
#5d5d25
```
#5d5d25 rgb(93,93,37)
```
#6b6b2a
```
#6b6b2a rgb(107,107,42)
```
#797930
```
#797930 rgb(121,121,48)
```
#888835
```
#888835 rgb(136,136,53)
```
#96963b
```
#96963b rgb(150,150,59)
```
#a4a440
```
#a4a440 rgb(164,164,64)
```
#b2b246
```
#b2b246 rgb(178,178,70)
```

Shade Color Variation

#bbbb51
```
#bbbb51 rgb(187,187,81)
```
#c0c05f
```
#c0c05f rgb(192,192,95)
```
#c6c66d
```
#c6c66d rgb(198,198,109)
```
#cbcb7b
```
#cbcb7b rgb(203,203,123)
```
#d1d189
```
#d1d189 rgb(209,209,137)
```
#d6d697
```
#d6d697 rgb(214,214,151)
```
#dcdca5
```
#dcdca5 rgb(220,220,165)
```
#e1e1b3
```
#e1e1b3 rgb(225,225,179)
```
#e7e7c1
```
#e7e7c1 rgb(231,231,193)
```
#ececcf
```
#ececcf rgb(236,236,207)
```
#f2f2dd
```
#f2f2dd rgb(242,242,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 #464601 is the most saturated one.

#252522
```
#252522 rgb(37,37,34)
```
#28281f
```
#28281f rgb(40,40,31)
```
#2b2b1c
```
#2b2b1c rgb(43,43,28)
```
#2e2e19
```
#2e2e19 rgb(46,46,25)
```
#303017
```
#303017 rgb(48,48,23)
```
#333314
```
#333314 rgb(51,51,20)
```
#363611
```
#363611 rgb(54,54,17)
```
#38380f
```
#38380f rgb(56,56,15)
```
#3b3b0c
```
#3b3b0c rgb(59,59,12)
```
#3e3e09
```
#3e3e09 rgb(62,62,9)
```
#414106
```
#414106 rgb(65,65,6)
```
#434304
```
#434304 rgb(67,67,4)
```
#464601
```
#464601 rgb(70,70,1)
```

Tone Color Variation

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

#423c1f Protanopia 1% of men
#493921 Deuteranopia 1% of men
#413a3e Tritanopia 0.001% of the population

Trichromacy

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

#333314 hex color

#333314 Color Information

#333314 Color Conversion

Color Schemes with #333314

Alternatives to #333314

#333314 Preview

Shades and Tints of #333314

Tones of #333314

Color Blindness Simulator