#143222 hex color

In a RGB color space, hex #143222 is composed of 7.8% red, 19.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 32% yellow and 80.4% black. It has a hue angle of 148 degrees, a saturation of 42.9% and a lightness of 13.7%. #143222 color hex could be obtained by blending #286444 with #000000. Closest websafe color is: #003333.

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

● #143222 color description : Very dark (mostly black) cyan - lime green.

The hexadecimal color #143222 has RGB values of R:20, G:50, B:34 and CMYK values of C:0.6, M:0, Y:0.32, K:0.8. Its decimal value is 1323554.

Hex triplet	143222	`#143222`
RGB Decimal	20, 50, 34	`rgb(20,50,34)`
RGB Percent	7.8, 19.6, 13.3	`rgb(7.8%,19.6%,13.3%)`
CMYK	60, 0, 32, 80
HSL	148°, 42.9, 13.7	`hsl(148,42.9%,13.7%)`
HSV (or HSB)	148°, 60, 19.6
Web Safe	003333	`#003333`

CIE-LAB	18.122, -15.866, 6.828
XYZ	1.718, 2.545, 1.914
xyY	0.278, 0.412, 2.545
CIE-LCH	18.122, 17.273, 156.714
CIE-LUV	18.122, -11.142, 7.914
Hunter-Lab	15.954, -8.701, 4.055
Binary	00010100, 00110010, 00100010

#143222
```
#143222 rgb(20,50,34)
```
#321424
```
#321424 rgb(50,20,36)
```

Complementary Color

#153214
```
#153214 rgb(21,50,20)
```
#143222
```
#143222 rgb(20,50,34)
```
#143231
```
#143231 rgb(20,50,49)
```

Analogous Color

#321415
```
#321415 rgb(50,20,21)
```
#143222
```
#143222 rgb(20,50,34)
```
#311432
```
#311432 rgb(49,20,50)
```

Split Complementary Color

#322214
```
#322214 rgb(50,34,20)
```
#143222
```
#143222 rgb(20,50,34)
```
#221432
```
#221432 rgb(34,20,50)
```

Triadic Color

#243214
```
#243214 rgb(36,50,20)
```
#143222
```
#143222 rgb(20,50,34)
```
#221432
```
#221432 rgb(34,20,50)
```
#321424
```
#321424 rgb(50,20,36)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#050e09
```
#050e09 rgb(5,14,9)
```
#0d2016
```
#0d2016 rgb(13,32,22)
```
#143222
```
#143222 rgb(20,50,34)
```
#1b442e
```
#1b442e rgb(27,68,46)
```
#23563b
```
#23563b rgb(35,86,59)
```
#2a6947
```
#2a6947 rgb(42,105,71)
```

Monochromatic Color

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

#14321b
```
#14321b rgb(20,50,27)
```
#14321d
```
#14321d rgb(20,50,29)
```
#143220
```
#143220 rgb(20,50,32)
```
#143222
```
#143222 rgb(20,50,34)
```
#143225
```
#143225 rgb(20,50,37)
```
#143227
```
#143227 rgb(20,50,39)
```
#14322a
```
#14322a rgb(20,50,42)
```

Similar Colors

Text with hexadecimal color #143222

This text has a font color of #143222.

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

#143222 background color

This paragraph has a background color of #143222.

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

#143222 border color

This element has a border color of #143222.

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

CSS codes

.text {color:#143222;}

.background {background-color:#143222;}

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

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

#030805
```
#030805 rgb(3,8,5)
```
#09160f
```
#09160f rgb(9,22,15)
```
#0e2418
```
#0e2418 rgb(14,36,24)
```
#143222
```
#143222 rgb(20,50,34)
```
#1a402c
```
#1a402c rgb(26,64,44)
```
#1f4e35
```
#1f4e35 rgb(31,78,53)
```
#255c3f
```
#255c3f rgb(37,92,63)
```
#2a6a48
```
#2a6a48 rgb(42,106,72)
```
#307852
```
#307852 rgb(48,120,82)
```
#36865b
```
#36865b rgb(54,134,91)
```
#3b9465
```
#3b9465 rgb(59,148,101)
```
#41a26e
```
#41a26e rgb(65,162,110)
```
#46b078
```
#46b078 rgb(70,176,120)
```

Shade Color Variation

#51b982
```
#51b982 rgb(81,185,130)
```
#5fbf8c
```
#5fbf8c rgb(95,191,140)
```
#6dc596
```
#6dc596 rgb(109,197,150)
```
#7bcaa0
```
#7bcaa0 rgb(123,202,160)
```
#89d0aa
```
#89d0aa rgb(137,208,170)
```
#97d5b4
```
#97d5b4 rgb(151,213,180)
```
#a5dbbe
```
#a5dbbe rgb(165,219,190)
```
#b3e1c8
```
#b3e1c8 rgb(179,225,200)
```
#c1e6d2
```
#c1e6d2 rgb(193,230,210)
```
#cfecdc
```
#cfecdc rgb(207,236,220)
```
#ddf1e6
```
#ddf1e6 rgb(221,241,230)
```
#ebf7f1
```
#ebf7f1 rgb(235,247,241)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#212523
```
#212523 rgb(33,37,35)
```
#1f2723
```
#1f2723 rgb(31,39,35)
```
#1c2a23
```
#1c2a23 rgb(28,42,35)
```
#192d22
```
#192d22 rgb(25,45,34)
```
#172f22
```
#172f22 rgb(23,47,34)
```
#143222
```
#143222 rgb(20,50,34)
```
#113522
```
#113522 rgb(17,53,34)
```
#0f3722
```
#0f3722 rgb(15,55,34)
```
#0c3a21
```
#0c3a21 rgb(12,58,33)
```
#093d21
```
#093d21 rgb(9,61,33)
```
#073f21
```
#073f21 rgb(7,63,33)
```
#044221
```
#044221 rgb(4,66,33)
```
#014521
```
#014521 rgb(1,69,33)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#232926 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a372b Protanopia 1% of men
#3f3530 Deuteranopia 1% of men
#253a3e Tritanopia 0.001% of the population

Trichromacy

#2c3527 Protanomaly 1% of men, 0.01% of women
#2f342a Deuteranomaly 6% of men, 0.4% of women
#1f3734 Tritanomaly 0.01% of the population

#143222 hex color

#143222 Color Information

#143222 Color Conversion

Color Schemes with #143222

Alternatives to #143222

#143222 Preview

Shades and Tints of #143222

Tones of #143222

Color Blindness Simulator