#314333 hex color

In a RGB color space, hex #314333 is composed of 19.2% red, 26.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 23.9% yellow and 73.7% black. It has a hue angle of 126.7 degrees, a saturation of 15.5% and a lightness of 22.7%. #314333 color hex could be obtained by blending #628666 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 26
- B 20
RGB color chart
- C 27
- M 0
- Y 24
- K 74
CMYK color chart

● #314333 color description : Very dark grayish lime green.

The hexadecimal color #314333 has RGB values of R:49, G:67, B:51 and CMYK values of C:0.27, M:0, Y:0.24, K:0.74. Its decimal value is 3228467.

Hex triplet	314333	`#314333`
RGB Decimal	49, 67, 51	`rgb(49,67,51)`
RGB Percent	19.2, 26.3, 20	`rgb(19.2%,26.3%,20%)`
CMYK	27, 0, 24, 74
HSL	126.7°, 15.5, 22.7	`hsl(126.7,15.5%,22.7%)`
HSV (or HSB)	126.7°, 26.9, 26.3
Web Safe	333333	`#333333`

CIE-LAB	26.466, -11.012, 7.432
XYZ	3.871, 4.906, 3.875
xyY	0.306, 0.388, 4.906
CIE-LCH	26.466, 13.285, 145.986
CIE-LUV	26.466, -8.267, 9.394
Hunter-Lab	22.15, -7.566, 5.133
Binary	00110001, 01000011, 00110011

#314333
```
#314333 rgb(49,67,51)
```
#433141
```
#433141 rgb(67,49,65)
```

Complementary Color

#384331
```
#384331 rgb(56,67,49)
```
#314333
```
#314333 rgb(49,67,51)
```
#31433c
```
#31433c rgb(49,67,60)
```

Analogous Color

#433138
```
#433138 rgb(67,49,56)
```
#314333
```
#314333 rgb(49,67,51)
```
#3c3143
```
#3c3143 rgb(60,49,67)
```

Split Complementary Color

#433331
```
#433331 rgb(67,51,49)
```
#314333
```
#314333 rgb(49,67,51)
```
#333143
```
#333143 rgb(51,49,67)
```

Triadic Color

#414331
```
#414331 rgb(65,67,49)
```
#314333
```
#314333 rgb(49,67,51)
```
#333143
```
#333143 rgb(51,49,67)
```
#433141
```
#433141 rgb(67,49,65)
```

Tetradic Color

#111711
```
#111711 rgb(17,23,17)
```
#1b261d
```
#1b261d rgb(27,38,29)
```
#263428
```
#263428 rgb(38,52,40)
```
#314333
```
#314333 rgb(49,67,51)
```
#3c523e
```
#3c523e rgb(60,82,62)
```
#476049
```
#476049 rgb(71,96,73)
```
#516f55
```
#516f55 rgb(81,111,85)
```

Monochromatic Color

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

#344331
```
#344331 rgb(52,67,49)
```
#324331
```
#324331 rgb(50,67,49)
```
#314332
```
#314332 rgb(49,67,50)
```
#314333
```
#314333 rgb(49,67,51)
```
#314335
```
#314335 rgb(49,67,53)
```
#314336
```
#314336 rgb(49,67,54)
```
#314338
```
#314338 rgb(49,67,56)
```

Similar Colors

Text with hexadecimal color #314333

This text has a font color of #314333.

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

#314333 background color

This paragraph has a background color of #314333.

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

#314333 border color

This element has a border color of #314333.

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

CSS codes

.text {color:#314333;}

.background {background-color:#314333;}

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

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, #080a08 is the darkest color, while #fefefe is the lightest one.

#080a08
```
#080a08 rgb(8,10,8)
```
#101611
```
#101611 rgb(16,22,17)
```
#182119
```
#182119 rgb(24,33,25)
```
#202c22
```
#202c22 rgb(32,44,34)
```
#29382a
```
#29382a rgb(41,56,42)
```
#314333
```
#314333 rgb(49,67,51)
```
#394e3c
```
#394e3c rgb(57,78,60)
```
#425a44
```
#425a44 rgb(66,90,68)
```
#4a654d
```
#4a654d rgb(74,101,77)
```
#527055
```
#527055 rgb(82,112,85)
```
#5a7c5e
```
#5a7c5e rgb(90,124,94)
```
#638767
```
#638767 rgb(99,135,103)
```
#6b926f
```
#6b926f rgb(107,146,111)
```

Shade Color Variation

#769b7a
```
#769b7a rgb(118,155,122)
```
#81a385
```
#81a385 rgb(129,163,133)
```
#8dab90
```
#8dab90 rgb(141,171,144)
```
#98b49b
```
#98b49b rgb(152,180,155)
```
#a3bca6
```
#a3bca6 rgb(163,188,166)
```
#afc4b1
```
#afc4b1 rgb(175,196,177)
```
#bacdbc
```
#bacdbc rgb(186,205,188)
```
#c5d5c7
```
#c5d5c7 rgb(197,213,199)
```
#d1ddd2
```
#d1ddd2 rgb(209,221,210)
```
#dce5dd
```
#dce5dd rgb(220,229,221)
```
#e7eee8
```
#e7eee8 rgb(231,238,232)
```
#f3f6f3
```
#f3f6f3 rgb(243,246,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#3a3a3a
```
#3a3a3a rgb(58,58,58)
```
#353f36
```
#353f36 rgb(53,63,54)
```
#314333
```
#314333 rgb(49,67,51)
```
#2d4730
```
#2d4730 rgb(45,71,48)
```
#284c2c
```
#284c2c rgb(40,76,44)
```
#245029
```
#245029 rgb(36,80,41)
```
#1f5525
```
#1f5525 rgb(31,85,37)
```
#1b5922
```
#1b5922 rgb(27,89,34)
```
#165e1e
```
#165e1e rgb(22,94,30)
```
#12621b
```
#12621b rgb(18,98,27)
```
#0d6717
```
#0d6717 rgb(13,103,23)
```
#096b14
```
#096b14 rgb(9,107,20)
```
#047010
```
#047010 rgb(4,112,16)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3d3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c483b Protanopia 1% of men
#52463f Deuteranopia 1% of men
#3f4a4f Tritanopia 0.001% of the population

Trichromacy

#424638 Protanomaly 1% of men, 0.01% of women
#46443b Deuteranomaly 6% of men, 0.4% of women
#3a4745 Tritanomaly 0.01% of the population

#314333 hex color

#314333 Color Information

#314333 Color Conversion

Color Schemes with #314333

Alternatives to #314333

#314333 Preview

Shades and Tints of #314333

Tones of #314333

Color Blindness Simulator