#33af0f hex color

In a RGB color space, hex #33af0f is composed of 20% red, 68.6% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 106.5 degrees, a saturation of 84.2% and a lightness of 37.3%. #33af0f color hex could be obtained by blending #66ff1e with #005f00. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 20
- G 69
- B 6
RGB color chart
- C 71
- M 0
- Y 91
- K 31
CMYK color chart

● #33af0f color description : Dark lime green.

The hexadecimal color #33af0f has RGB values of R:51, G:175, B:15 and CMYK values of C:0.71, M:0, Y:0.91, K:0.31. Its decimal value is 3387151.

Hex triplet	33af0f	`#33af0f`
RGB Decimal	51, 175, 15	`rgb(51,175,15)`
RGB Percent	20, 68.6, 5.9	`rgb(20%,68.6%,5.9%)`
CMYK	71, 0, 91, 31
HSL	106.5°, 84.2, 37.3	`hsl(106.5,84.2%,37.3%)`
HSV (or HSB)	106.5°, 91.4, 68.6
Web Safe	339900	`#339900`

CIE-LAB	62.841, -59.336, 61.433
XYZ	16.781, 31.397, 5.628
xyY	0.312, 0.584, 31.397
CIE-LCH	62.841, 85.41, 134.005
CIE-LUV	62.841, -52.955, 74.861
Hunter-Lab	56.033, -44.6, 33.268
Binary	00110011, 10101111, 00001111

#33af0f
```
#33af0f rgb(51,175,15)
```
#8b0faf
```
#8b0faf rgb(139,15,175)
```

Complementary Color

#83af0f
```
#83af0f rgb(131,175,15)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#0faf3b
```
#0faf3b rgb(15,175,59)
```

Analogous Color

#af0f83
```
#af0f83 rgb(175,15,131)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#3b0faf
```
#3b0faf rgb(59,15,175)
```

Split Complementary Color

#af0f33
```
#af0f33 rgb(175,15,51)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#0f33af
```
#0f33af rgb(15,51,175)
```

Triadic Color

#af8b0f
```
#af8b0f rgb(175,139,15)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#0f33af
```
#0f33af rgb(15,51,175)
```
#8b0faf
```
#8b0faf rgb(139,15,175)
```

Tetradic Color

#1e6909
```
#1e6909 rgb(30,105,9)
```
#25800b
```
#25800b rgb(37,128,11)
```
#2c980d
```
#2c980d rgb(44,152,13)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#3ac611
```
#3ac611 rgb(58,198,17)
```
#41de13
```
#41de13 rgb(65,222,19)
```
#4dec1f
```
#4dec1f rgb(77,236,31)
```

Monochromatic Color

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

#5baf0f
```
#5baf0f rgb(91,175,15)
```
#4eaf0f
```
#4eaf0f rgb(78,175,15)
```
#40af0f
```
#40af0f rgb(64,175,15)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#26af0f
```
#26af0f rgb(38,175,15)
```
#18af0f
```
#18af0f rgb(24,175,15)
```
#0faf13
```
#0faf13 rgb(15,175,19)
```

Similar Colors

Text with hexadecimal color #33af0f

This text has a font color of #33af0f.

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

#33af0f background color

This paragraph has a background color of #33af0f.

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

#33af0f border color

This element has a border color of #33af0f.

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

CSS codes

.text {color:#33af0f;}

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

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

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, #040c01 is the darkest color, while #fafff9 is the lightest one.

#040c01
```
#040c01 rgb(4,12,1)
```
#091e03
```
#091e03 rgb(9,30,3)
```
#0e3104
```
#0e3104 rgb(14,49,4)
```
#134306
```
#134306 rgb(19,67,6)
```
#195507
```
#195507 rgb(25,85,7)
```
#1e6709
```
#1e6709 rgb(30,103,9)
```
#23790a
```
#23790a rgb(35,121,10)
```
#288b0c
```
#288b0c rgb(40,139,12)
```
#2e9d0d
```
#2e9d0d rgb(46,157,13)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#38c111
```
#38c111 rgb(56,193,17)
```
#3ed312
```
#3ed312 rgb(62,211,18)
```
#43e514
```
#43e514 rgb(67,229,20)
```

Shade Color Variation

#4eec21
```
#4eec21 rgb(78,236,33)
```
#5ded33
```
#5ded33 rgb(93,237,51)
```
#6bef45
```
#6bef45 rgb(107,239,69)
```
#79f157
```
#79f157 rgb(121,241,87)
```
#88f269
```
#88f269 rgb(136,242,105)
```
#96f47b
```
#96f47b rgb(150,244,123)
```
#a4f58d
```
#a4f58d rgb(164,245,141)
```
#b3f79f
```
#b3f79f rgb(179,247,159)
```
#c1f8b1
```
#c1f8b1 rgb(193,248,177)
```
#cffac3
```
#cffac3 rgb(207,250,195)
```
#defbd5
```
#defbd5 rgb(222,251,213)
```
#ecfde7
```
#ecfde7 rgb(236,253,231)
```
#fafff9
```
#fafff9 rgb(250,255,249)
```

Tint Color Variation

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

#5b6658
```
#5b6658 rgb(91,102,88)
```
#576d51
```
#576d51 rgb(87,109,81)
```
#537549
```
#537549 rgb(83,117,73)
```
#4f7c42
```
#4f7c42 rgb(79,124,66)
```
#4b833b
```
#4b833b rgb(75,131,59)
```
#478a34
```
#478a34 rgb(71,138,52)
```
#43922c
```
#43922c rgb(67,146,44)
```
#3f9925
```
#3f9925 rgb(63,153,37)
```
#3ba01e
```
#3ba01e rgb(59,160,30)
```
#37a816
```
#37a816 rgb(55,168,22)
```
#33af0f
```
#33af0f rgb(51,175,15)
```
#2fb608
```
#2fb608 rgb(47,182,8)
```
#2bbe00
```
#2bbe00 rgb(43,190,0)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6a8363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d13 Protanopia 1% of men
#c39532 Deuteranopia 1% of men
#64a7b3 Tritanopia 0.001% of the population

Trichromacy

#82a411 Protanomaly 1% of men, 0.01% of women
#8e9f25 Deuteranomaly 6% of men, 0.4% of women
#52aa77 Tritanomaly 0.01% of the population

#33af0f hex color

#33af0f Color Information

#33af0f Color Conversion

Color Schemes with #33af0f

Alternatives to #33af0f

#33af0f Preview

Shades and Tints of #33af0f

Tones of #33af0f

Color Blindness Simulator