#21a275 hex color

In a RGB color space, hex #21a275 is composed of 12.9% red, 63.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 0% magenta, 27.8% yellow and 36.5% black. It has a hue angle of 159.1 degrees, a saturation of 66.2% and a lightness of 38.2%. #21a275 color hex could be obtained by blending #42ffea with #004500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 64
- B 46
RGB color chart
- C 80
- M 0
- Y 28
- K 36
CMYK color chart

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

The hexadecimal color #21a275 has RGB values of R:33, G:162, B:117 and CMYK values of C:0.8, M:0, Y:0.28, K:0.36. Its decimal value is 2204277.

Hex triplet	21a275	`#21a275`
RGB Decimal	33, 162, 117	`rgb(33,162,117)`
RGB Percent	12.9, 63.5, 45.9	`rgb(12.9%,63.5%,45.9%)`
CMYK	80, 0, 28, 36
HSL	159.1°, 66.2, 38.2	`hsl(159.1,66.2%,38.2%)`
HSV (or HSB)	159.1°, 79.6, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.386, -44.573, 13.977
XYZ	16.757, 27.447, 21.243
xyY	0.256, 0.419, 27.447
CIE-LCH	59.386, 46.713, 162.59
CIE-LUV	59.386, -47.599, 25.898
Hunter-Lab	52.39, -34.588, 12.631
Binary	00100001, 10100010, 01110101

#21a275
```
#21a275 rgb(33,162,117)
```
#a2214e
```
#a2214e rgb(162,33,78)
```

Complementary Color

#21a235
```
#21a235 rgb(33,162,53)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#218fa2
```
#218fa2 rgb(33,143,162)
```

Analogous Color

#a23521
```
#a23521 rgb(162,53,33)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#a2218f
```
#a2218f rgb(162,33,143)
```

Split Complementary Color

#a27521
```
#a27521 rgb(162,117,33)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#7521a2
```
#7521a2 rgb(117,33,162)
```

Triadic Color

#4ea221
```
#4ea221 rgb(78,162,33)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#7521a2
```
#7521a2 rgb(117,33,162)
```
#a2214e
```
#a2214e rgb(162,33,78)
```

Tetradic Color

#146247
```
#146247 rgb(20,98,71)
```
#187856
```
#187856 rgb(24,120,86)
```
#1d8d66
```
#1d8d66 rgb(29,141,102)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#25b784
```
#25b784 rgb(37,183,132)
```
#2acc94
```
#2acc94 rgb(42,204,148)
```
#39d7a0
```
#39d7a0 rgb(57,215,160)
```

Monochromatic Color

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

#21a255
```
#21a255 rgb(33,162,85)
```
#21a260
```
#21a260 rgb(33,162,96)
```
#21a26a
```
#21a26a rgb(33,162,106)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#21a280
```
#21a280 rgb(33,162,128)
```
#21a28b
```
#21a28b rgb(33,162,139)
```
#21a295
```
#21a295 rgb(33,162,149)
```

Similar Colors

Text with hexadecimal color #21a275

This text has a font color of #21a275.

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

#21a275 background color

This paragraph has a background color of #21a275.

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

#21a275 border color

This element has a border color of #21a275.

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

CSS codes

.text {color:#21a275;}

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

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

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

#030f0b
```
#030f0b rgb(3,15,11)
```
#062017
```
#062017 rgb(6,32,23)
```
#0a3023
```
#0a3023 rgb(10,48,35)
```
#0d402e
```
#0d402e rgb(13,64,46)
```
#10513a
```
#10513a rgb(16,81,58)
```
#146146
```
#146146 rgb(20,97,70)
```
#177152
```
#177152 rgb(23,113,82)
```
#1a815d
```
#1a815d rgb(26,129,93)
```
#1e9269
```
#1e9269 rgb(30,146,105)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#24b281
```
#24b281 rgb(36,178,129)
```
#28c38d
```
#28c38d rgb(40,195,141)
```
#2bd398
```
#2bd398 rgb(43,211,152)
```

Shade Color Variation

#3ad7a0
```
#3ad7a0 rgb(58,215,160)
```
#4bdaa8
```
#4bdaa8 rgb(75,218,168)
```
#5bdeb0
```
#5bdeb0 rgb(91,222,176)
```
#6be1b8
```
#6be1b8 rgb(107,225,184)
```
#7ce4c0
```
#7ce4c0 rgb(124,228,192)
```
#8ce8c8
```
#8ce8c8 rgb(140,232,200)
```
#9cebcf
```
#9cebcf rgb(156,235,207)
```
#adeed7
```
#adeed7 rgb(173,238,215)
```
#bdf2df
```
#bdf2df rgb(189,242,223)
```
#cdf5e7
```
#cdf5e7 rgb(205,245,231)
```
#ddf8ef
```
#ddf8ef rgb(221,248,239)
```
#eefbf7
```
#eefbf7 rgb(238,251,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5d6663
```
#5d6663 rgb(93,102,99)
```
#566e65
```
#566e65 rgb(86,110,101)
```
#4e7567
```
#4e7567 rgb(78,117,103)
```
#477d6a
```
#477d6a rgb(71,125,106)
```
#3f846c
```
#3f846c rgb(63,132,108)
```
#388c6e
```
#388c6e rgb(56,140,110)
```
#309370
```
#309370 rgb(48,147,112)
```
#299b73
```
#299b73 rgb(41,155,115)
```
#21a275
```
#21a275 rgb(33,162,117)
```
#1aaa77
```
#1aaa77 rgb(26,170,119)
```
#12b17a
```
#12b17a rgb(18,177,122)
```
#0bb97c
```
#0bb97c rgb(11,185,124)
```
#03c07e
```
#03c07e rgb(3,192,126)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#657f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9474 Protanopia 1% of men
#a88f84 Deuteranopia 1% of men
#4aa0ac Tritanopia 0.001% of the population

Trichromacy

#709974 Protanomaly 1% of men, 0.01% of women
#77967e Deuteranomaly 6% of men, 0.4% of women
#3ba198 Tritanomaly 0.01% of the population

#21a275 hex color

#21a275 Color Information

#21a275 Color Conversion

Color Schemes with #21a275

Alternatives to #21a275

#21a275 Preview

Shades and Tints of #21a275

Tones of #21a275

Color Blindness Simulator