colorhexa.com

#21a163 hex color

In a RGB color space, hex #21a163 is composed of 12.9% red, 63.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 38.5% yellow and 36.9% black. It has a hue angle of 150.9 degrees, a saturation of 66% and a lightness of 38%. #21a163 color hex could be obtained by blending #42ffc6 with #004300. Closest websafe color is: #339966.

- R 13
- G 63
- B 39
RGB color chart
- C 80
- M 0
- Y 39
- K 37
CMYK color chart

● #21a163 color description : Dark cyan - lime green.

The hexadecimal color #21a163 has RGB values of R:33, G:161, B:99 and CMYK values of C:0.8, M:0, Y:0.39, K:0.37. Its decimal value is 2204003.

Hex triplet	21a163	`#21a163`
RGB Decimal	33, 161, 99	`rgb(33,161,99)`
RGB Percent	12.9, 63.1, 38.8	`rgb(12.9%,63.1%,38.8%)`
CMYK	80, 0, 39, 37
HSL	150.9°, 66, 38	`hsl(150.9,66%,38%)`
HSV (or HSB)	150.9°, 79.5, 63.1
Web Safe	339966	`#339966`

CIE-LAB	58.707, -48.122, 22.967
XYZ	15.623, 26.712, 16.136
xyY	0.267, 0.457, 26.712
CIE-LCH	58.707, 53.321, 154.487
CIE-LUV	58.707, -48.361, 37.39
Hunter-Lab	51.684, -36.49, 17.668
Binary	00100001, 10100001, 01100011

#21a163
```
#21a163 rgb(33,161,99)
```
#a1215f
```
#a1215f rgb(161,33,95)
```

Complementary Color

#21a123
```
#21a123 rgb(33,161,35)
```
#21a163
```
#21a163 rgb(33,161,99)
```
#219fa1
```
#219fa1 rgb(33,159,161)
```

Analogous Color

#a12321
```
#a12321 rgb(161,35,33)
```
#21a163
```
#21a163 rgb(33,161,99)
```
#a1219f
```
#a1219f rgb(161,33,159)
```

Split Complementary Color

#a16321
```
#a16321 rgb(161,99,33)
```
#21a163
```
#21a163 rgb(33,161,99)
```
#6321a1
```
#6321a1 rgb(99,33,161)
```

Triadic Color

#14623c
```
#14623c rgb(20,98,60)
```
#187749
```
#187749 rgb(24,119,73)
```
#1d8c56
```
#1d8c56 rgb(29,140,86)
```
#21a163
```
#21a163 rgb(33,161,99)
```
#25b670
```
#25b670 rgb(37,182,112)
```
#2acb7d
```
#2acb7d rgb(42,203,125)
```
#38d68a
```
#38d68a rgb(56,214,138)
```

Monochromatic Color

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

#21a143
```
#21a143 rgb(33,161,67)
```
#21a14e
```
#21a14e rgb(33,161,78)
```
#21a158
```
#21a158 rgb(33,161,88)
```
#21a163
```
#21a163 rgb(33,161,99)
```
#21a16e
```
#21a16e rgb(33,161,110)
```
#21a178
```
#21a178 rgb(33,161,120)
```
#21a183
```
#21a183 rgb(33,161,131)
```

Similar Colors

Text with hexadecimal color #21a163

This text has a font color of #21a163.

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

#21a163 background color

This paragraph has a background color of #21a163.

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

#21a163 border color

This element has a border color of #21a163.

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

CSS codes

.text {color:#21a163;}

.background {background-color:#21a163;}

.border {border:1px solid #21a163;}

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, #030e09 is the darkest color, while #fdfffe is the lightest one.

#030e09
```
#030e09 rgb(3,14,9)
```
#061f13
```
#061f13 rgb(6,31,19)
```
#0a2f1d
```
#0a2f1d rgb(10,47,29)
```
#0d3f27
```
#0d3f27 rgb(13,63,39)
```
#105031
```
#105031 rgb(16,80,49)
```
#14603b
```
#14603b rgb(20,96,59)
```
#177045
```
#177045 rgb(23,112,69)
```
#1a804f
```
#1a804f rgb(26,128,79)
```
#1e9159
```
#1e9159 rgb(30,145,89)
```
#21a163
```
#21a163 rgb(33,161,99)
```
#24b16d
```
#24b16d rgb(36,177,109)
```
#28c277
```
#28c277 rgb(40,194,119)
```
#2bd281
```
#2bd281 rgb(43,210,129)
```

Shade Color Variation

#3ad78b
```
#3ad78b rgb(58,215,139)
```
#4ada94
```
#4ada94 rgb(74,218,148)
```
#5add9e
```
#5add9e rgb(90,221,158)
```
#6be1a7
```
#6be1a7 rgb(107,225,167)
```
#7be4b1
```
#7be4b1 rgb(123,228,177)
```
#8be7bb
```
#8be7bb rgb(139,231,187)
```
#9cebc4
```
#9cebc4 rgb(156,235,196)
```
#aceece
```
#aceece rgb(172,238,206)
```
#bcf1d8
```
#bcf1d8 rgb(188,241,216)
```
#ccf5e1
```
#ccf5e1 rgb(204,245,225)
```
#ddf8eb
```
#ddf8eb rgb(221,248,235)
```
#edfbf4
```
#edfbf4 rgb(237,251,244)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#5d6561
```
#5d6561 rgb(93,101,97)
```
#556d61
```
#556d61 rgb(85,109,97)
```
#4e7462
```
#4e7462 rgb(78,116,98)
```
#467c62
```
#467c62 rgb(70,124,98)
```
#3f8362
```
#3f8362 rgb(63,131,98)
```
#378b62
```
#378b62 rgb(55,139,98)
```
#309263
```
#309263 rgb(48,146,99)
```
#289a63
```
#289a63 rgb(40,154,99)
```
#21a163
```
#21a163 rgb(33,161,99)
```
#1aa863
```
#1aa863 rgb(26,168,99)
```
#12b063
```
#12b063 rgb(18,176,99)
```
#0bb764
```
#0bb764 rgb(11,183,100)
```
#03bf64
```
#03bf64 rgb(3,191,100)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#637d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9363 Protanopia 1% of men
#ab8d73 Deuteranopia 1% of men
#4e9ea9 Tritanopia 0.001% of the population

Trichromacy

#719863 Protanomaly 1% of men, 0.01% of women
#79946d Deuteranomaly 6% of men, 0.4% of women
#3e9f90 Tritanomaly 0.01% of the population