colorhexa.com

#33af7c hex color

In a RGB color space, hex #33af7c is composed of 20% red, 68.6% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 29.1% yellow and 31.4% black. It has a hue angle of 155.3 degrees, a saturation of 54.9% and a lightness of 44.3%. #33af7c color hex could be obtained by blending #66fff8 with #005f00. Closest websafe color is: #339966.

- R 20
- G 69
- B 49
RGB color chart
- C 71
- M 0
- Y 29
- K 31
CMYK color chart

● #33af7c color description : Dark cyan - lime green.

The hexadecimal color #33af7c has RGB values of R:51, G:175, B:124 and CMYK values of C:0.71, M:0, Y:0.29, K:0.31. Its decimal value is 3387260.

Hex triplet	33af7c	`#33af7c`
RGB Decimal	51, 175, 124	`rgb(51,175,124)`
RGB Percent	20, 68.6, 48.6	`rgb(20%,68.6%,48.6%)`
CMYK	71, 0, 29, 31
HSL	155.3°, 54.9, 44.3	`hsl(155.3,54.9%,44.3%)`
HSV (or HSB)	155.3°, 70.9, 68.6
Web Safe	339966	`#339966`

CIE-LAB	64.013, -45.851, 16.588
XYZ	20.332, 32.817, 24.33
xyY	0.262, 0.424, 32.817
CIE-LCH	64.013, 48.759, 160.111
CIE-LUV	64.013, -49.062, 29.993
Hunter-Lab	57.286, -36.898, 14.919
Binary	00110011, 10101111, 01111100

#33af7c
```
#33af7c rgb(51,175,124)
```
#af3366
```
#af3366 rgb(175,51,102)
```

Complementary Color

#33af3e
```
#33af3e rgb(51,175,62)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#33a4af
```
#33a4af rgb(51,164,175)
```

Analogous Color

#af3e33
```
#af3e33 rgb(175,62,51)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#af33a4
```
#af33a4 rgb(175,51,164)
```

Split Complementary Color

#af7c33
```
#af7c33 rgb(175,124,51)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#7c33af
```
#7c33af rgb(124,51,175)
```

Triadic Color

#66af33
```
#66af33 rgb(102,175,51)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#7c33af
```
#7c33af rgb(124,51,175)
```
#af3366
```
#af3366 rgb(175,51,102)
```

Tetradic Color

#227452
```
#227452 rgb(34,116,82)
```
#278860
```
#278860 rgb(39,136,96)
```
#2d9b6e
```
#2d9b6e rgb(45,155,110)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#39c38a
```
#39c38a rgb(57,195,138)
```
#4bca96
```
#4bca96 rgb(75,202,150)
```
#5ed0a1
```
#5ed0a1 rgb(94,208,161)
```

Monochromatic Color

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

#33af5d
```
#33af5d rgb(51,175,93)
```
#33af67
```
#33af67 rgb(51,175,103)
```
#33af72
```
#33af72 rgb(51,175,114)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#33af86
```
#33af86 rgb(51,175,134)
```
#33af91
```
#33af91 rgb(51,175,145)
```
#33af9b
```
#33af9b rgb(51,175,155)
```

Similar Colors

Text with hexadecimal color #33af7c

This text has a font color of #33af7c.

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

#33af7c background color

This paragraph has a background color of #33af7c.

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

#33af7c border color

This element has a border color of #33af7c.

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

CSS codes

.text {color:#33af7c;}

.background {background-color:#33af7c;}

.border {border:1px solid #33af7c;}

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

#020806
```
#020806 rgb(2,8,6)
```
#071710
```
#071710 rgb(7,23,16)
```
#0b261b
```
#0b261b rgb(11,38,27)
```
#103526
```
#103526 rgb(16,53,38)
```
#144531
```
#144531 rgb(20,69,49)
```
#18543b
```
#18543b rgb(24,84,59)
```
#1d6346
```
#1d6346 rgb(29,99,70)
```
#217251
```
#217251 rgb(33,114,81)
```
#26815c
```
#26815c rgb(38,129,92)
```
#2a9166
```
#2a9166 rgb(42,145,102)
```
#2fa071
```
#2fa071 rgb(47,160,113)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#37be87
```
#37be87 rgb(55,190,135)
```

Shade Color Variation

#41c891
```
#41c891 rgb(65,200,145)
```
#51cc99
```
#51cc99 rgb(81,204,153)
```
#60d1a2
```
#60d1a2 rgb(96,209,162)
```
#6fd5ab
```
#6fd5ab rgb(111,213,171)
```
#7ed9b4
```
#7ed9b4 rgb(126,217,180)
```
#8ddebd
```
#8ddebd rgb(141,222,189)
```
#9de2c6
```
#9de2c6 rgb(157,226,198)
```
#ace7ce
```
#ace7ce rgb(172,231,206)
```
#bbebd7
```
#bbebd7 rgb(187,235,215)
```
#caf0e0
```
#caf0e0 rgb(202,240,224)
```
#d9f4e9
```
#d9f4e9 rgb(217,244,233)
```
#e9f8f2
```
#e9f8f2 rgb(233,248,242)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#707271
```
#707271 rgb(112,114,113)
```
#677b73
```
#677b73 rgb(103,123,115)
```
#5e8474
```
#5e8474 rgb(94,132,116)
```
#568c76
```
#568c76 rgb(86,140,118)
```
#4d9577
```
#4d9577 rgb(77,149,119)
```
#449e79
```
#449e79 rgb(68,158,121)
```
#3ca67a
```
#3ca67a rgb(60,166,122)
```
#33af7c
```
#33af7c rgb(51,175,124)
```
#2ab87e
```
#2ab87e rgb(42,184,126)
```
#22c07f
```
#22c07f rgb(34,192,127)
```
#19c981
```
#19c981 rgb(25,201,129)
```
#10d282
```
#10d282 rgb(16,210,130)
```
#08da84
```
#08da84 rgb(8,218,132)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#748d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba07a Protanopia 1% of men
#b69a8b Deuteranopia 1% of men
#58acb8 Tritanopia 0.001% of the population

Trichromacy

#7fa57b Protanomaly 1% of men, 0.01% of women
#86a285 Deuteranomaly 6% of men, 0.4% of women
#4aada2 Tritanomaly 0.01% of the population