colorhexa.com

#33af00 hex color

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

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

● #33af00 color description : Dark green.

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

Hex triplet	33af00	`#33af00`
RGB Decimal	51, 175, 0	`rgb(51,175,0)`
RGB Percent	20, 68.6, 0	`rgb(20%,68.6%,0%)`
CMYK	71, 0, 100, 31
HSL	102.5°, 100, 34.3	`hsl(102.5,100%,34.3%)`
HSV (or HSB)	102.5°, 100, 68.6
Web Safe	339900	`#339900`

CIE-LAB	62.812, -59.693, 63.443
XYZ	16.694, 31.362, 5.174
xyY	0.314, 0.589, 31.362
CIE-LCH	62.812, 87.111, 133.255
CIE-LUV	62.812, -53.067, 76.11
Hunter-Lab	56.002, -44.792, 33.724
Binary	00110011, 10101111, 00000000

#33af00
```
#33af00 rgb(51,175,0)
```
#7c00af
```
#7c00af rgb(124,0,175)
```

Complementary Color

#8baf00
```
#8baf00 rgb(139,175,0)
```
#33af00
```
#33af00 rgb(51,175,0)
```
#00af24
```
#00af24 rgb(0,175,36)
```

Analogous Color

#af008b
```
#af008b rgb(175,0,139)
```
#33af00
```
#33af00 rgb(51,175,0)
```
#2400af
```
#2400af rgb(36,0,175)
```

Split Complementary Color

#1d6300
```
#1d6300 rgb(29,99,0)
```
#247c00
```
#247c00 rgb(36,124,0)
```
#2c9600
```
#2c9600 rgb(44,150,0)
```
#33af00
```
#33af00 rgb(51,175,0)
```
#3ac900
```
#3ac900 rgb(58,201,0)
```
#42e200
```
#42e200 rgb(66,226,0)
```
#49fc00
```
#49fc00 rgb(73,252,0)
```

Monochromatic Color

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

#5faf00
```
#5faf00 rgb(95,175,0)
```
#50af00
```
#50af00 rgb(80,175,0)
```
#42af00
```
#42af00 rgb(66,175,0)
```
#33af00
```
#33af00 rgb(51,175,0)
```
#24af00
```
#24af00 rgb(36,175,0)
```
#16af00
```
#16af00 rgb(22,175,0)
```
#07af00
```
#07af00 rgb(7,175,0)
```

Similar Colors

Text with hexadecimal color #33af00

This text has a font color of #33af00.

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

#33af00 background color

This paragraph has a background color of #33af00.

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

#33af00 border color

This element has a border color of #33af00.

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

CSS codes

.text {color:#33af00;}

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

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

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

#051200
```
#051200 rgb(5,18,0)
```
#0b2600
```
#0b2600 rgb(11,38,0)
```
#113900
```
#113900 rgb(17,57,0)
```
#164d00
```
#164d00 rgb(22,77,0)
```
#1c6100
```
#1c6100 rgb(28,97,0)
```
#227400
```
#227400 rgb(34,116,0)
```
#288800
```
#288800 rgb(40,136,0)
```
#2d9b00
```
#2d9b00 rgb(45,155,0)
```
#33af00
```
#33af00 rgb(51,175,0)
```
#39c300
```
#39c300 rgb(57,195,0)
```
#3ed600
```
#3ed600 rgb(62,214,0)
```
#44ea00
```
#44ea00 rgb(68,234,0)
```
#4afd00
```
#4afd00 rgb(74,253,0)
```

Shade Color Variation

#57ff12
```
#57ff12 rgb(87,255,18)
```
#65ff26
```
#65ff26 rgb(101,255,38)
```
#73ff39
```
#73ff39 rgb(115,255,57)
```
#81ff4d
```
#81ff4d rgb(129,255,77)
```
#8fff61
```
#8fff61 rgb(143,255,97)
```
#9dff74
```
#9dff74 rgb(157,255,116)
```
#abff88
```
#abff88 rgb(171,255,136)
```
#b8ff9b
```
#b8ff9b rgb(184,255,155)
```
#c6ffaf
```
#c6ffaf rgb(198,255,175)
```
#d4ffc3
```
#d4ffc3 rgb(212,255,195)
```
#e2ffd6
```
#e2ffd6 rgb(226,255,214)
```
#f0ffea
```
#f0ffea rgb(240,255,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#555e51
```
#555e51 rgb(85,94,81)
```
#52654a
```
#52654a rgb(82,101,74)
```
#4f6c43
```
#4f6c43 rgb(79,108,67)
```
#4c723d
```
#4c723d rgb(76,114,61)
```
#497936
```
#497936 rgb(73,121,54)
```
#47802f
```
#47802f rgb(71,128,47)
```
#448728
```
#448728 rgb(68,135,40)
```
#418d22
```
#418d22 rgb(65,141,34)
```
#3e941b
```
#3e941b rgb(62,148,27)
```
#3b9b14
```
#3b9b14 rgb(59,155,20)
```
#39a20d
```
#39a20d rgb(57,162,13)
```
#36a807
```
#36a807 rgb(54,168,7)
```
#33af00
```
#33af00 rgb(51,175,0)
```

Tone Color Variation

Below, you can see how #33af00 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
#69815e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d00 Protanopia 1% of men
#c3952c Deuteranopia 1% of men
#65a7b3 Tritanopia 0.001% of the population

Trichromacy

#82a300 Protanomaly 1% of men, 0.01% of women
#8f9e1c Deuteranomaly 6% of men, 0.4% of women
#52aa72 Tritanomaly 0.01% of the population