#33a200 hex color
In a RGB color space, hex #33a200 is composed of 20% red, 63.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 0% magenta, 100% yellow and 36.5% black. It has a hue angle of 101.1 degrees, a saturation of 100% and a lightness of 31.8%. #33a200 color hex could be obtained by blending #66ff00 with #004500. Closest websafe color is: #339900.
-
- R 20
- G 64
- B 0
RGB color chart
-
- C 69
- M 0
- Y 100
- K 36
CMYK color chart
● #33a200 color description : Dark green.
The hexadecimal color #33a200 has RGB values of R:51, G:162, B:0 and CMYK values of C:0.69, M:0, Y:1, K:0.36. Its decimal value is 3383808.
Hex triplet | 33a200 | #33a200 |
---|---|---|
RGB Decimal | 51, 162, 0 | rgb(51,162,0) |
RGB Percent | 20, 63.5, 0 | rgb(20%,63.5%,0%) |
CMYK | 69, 0, 100, 36 | |
HSL | 101.1°, 100, 31.8 | hsl(101.1,100%,31.8%) |
HSV (or HSB) | 101.1°, 100, 63.5 | |
Web Safe | 339900 | #339900 |
CIE-LAB | 58.549, -55.495, 60.054 |
---|---|
XYZ | 14.285, 26.543, 4.371 |
xyY | 0.316, 0.587, 26.543 |
CIE-LCH | 58.549, 81.769, 132.74 |
CIE-LUV | 58.549, -48.382, 70.813 |
Hunter-Lab | 51.52, -40.668, 31.034 |
Binary | 00110011, 10100010, 00000000 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #33a200. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #33a200
This text has a font color of #33a200.
<span style="color:#33a200;">Text here</span>
#33a200 background color
This paragraph has a background color of #33a200.
<p style="background-color:#33a200;">Content here</p>
#33a200 border color
This element has a border color of #33a200.
<div style="border:1px solid #33a200;">Content here</div>
CSS codes
.text {color:#33a200;}
.background {background-color:#33a200;}
.border {border:1px solid #33a200;}
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, #020500 is the darkest color, while #f5fff0 is the lightest one.
-
#020500
#020500
rgb(2,5,0)
-
#081900
#081900
rgb(8,25,0)
-
#0e2c00
#0e2c00
rgb(14,44,0)
-
#144000
#144000
rgb(20,64,0)
-
#1a5400
#1a5400
rgb(26,84,0)
-
#206700
#206700
rgb(32,103,0)
-
#277b00
#277b00
rgb(39,123,0)
-
#2d8e00
#2d8e00
rgb(45,142,0)
-
#33a200
#33a200
rgb(51,162,0)
-
#39b600
#39b600
rgb(57,182,0)
-
#3fc900
#3fc900
rgb(63,201,0)
-
#46dd00
#46dd00
rgb(70,221,0)
-
#4cf000
#4cf000
rgb(76,240,0)
Shade Color Variation
-
#54ff05
#54ff05
rgb(84,255,5)
-
#61ff19
#61ff19
rgb(97,255,25)
-
#6fff2c
#6fff2c
rgb(111,255,44)
-
#7cff40
#7cff40
rgb(124,255,64)
-
#8aff54
#8aff54
rgb(138,255,84)
-
#97ff67
#97ff67
rgb(151,255,103)
-
#a4ff7b
#a4ff7b
rgb(164,255,123)
-
#b2ff8e
#b2ff8e
rgb(178,255,142)
-
#bfffa2
#bfffa2
rgb(191,255,162)
-
#cdffb6
#cdffb6
rgb(205,255,182)
-
#daffc9
#daffc9
rgb(218,255,201)
-
#e8ffdd
#e8ffdd
rgb(232,255,221)
-
#f5fff0
#f5fff0
rgb(245,255,240)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #4f574b is the less saturated color, while #33a200 is the most saturated one.
-
#4f574b
#4f574b
rgb(79,87,75)
-
#4c5d45
#4c5d45
rgb(76,93,69)
-
#4a643e
#4a643e
rgb(74,100,62)
-
#486a38
#486a38
rgb(72,106,56)
-
#457032
#457032
rgb(69,112,50)
-
#43762c
#43762c
rgb(67,118,44)
-
#417d25
#417d25
rgb(65,125,37)
-
#3f831f
#3f831f
rgb(63,131,31)
-
#3c8919
#3c8919
rgb(60,137,25)
-
#3a8f13
#3a8f13
rgb(58,143,19)
-
#38960c
#38960c
rgb(56,150,12)
-
#359c06
#359c06
rgb(53,156,6)
-
#33a200
#33a200
rgb(51,162,0)
Tone Color Variation
Below, you can see how #33a200 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
Dichromacy