#3aa700 Color Information
In a RGB color space, hex #3aa700 is composed of 22.7% red, 65.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 0% magenta, 100% yellow and 34.5% black. It has a hue angle of 99.2 degrees, a saturation of 100% and a lightness of 32.7%. #3aa700 color hex could be obtained by blending #74ff00 with #004f00. Closest websafe color is: #339900.
-
- R 23
- G 65
- B 0
-
- C 65
- M 0
- Y 100
- K 35
● #3aa700 color description : Dark green.
#3aa700 Color Conversion
The hexadecimal color #3aa700 has RGB values of R:58, G:167, B:0 and CMYK values of C:0.65, M:0, Y:1, K:0.35. Its decimal value is 3843840.
Hex triplet | 3aa700 | #3aa700 |
---|---|---|
RGB Decimal | 58, 167, 0 | rgb(58,167,0) |
RGB Percent | 22.7, 65.5, 0 | rgb(22.7%,65.5%,0%) |
CMYK | 65, 0, 100, 35 | |
HSL | 99.2°, 100, 32.7 | hsl(99.2,100%,32.7%) |
HSV (or HSB) | 99.2°, 100, 65.5 | |
Web Safe | 339900 | #339900 |
CIE-LAB | 60.37, -55.639, 61.575 |
---|---|
XYZ | 15.563, 28.536, 4.688 |
xyY | 0.319, 0.585, 28.536 |
CIE-LCH | 60.37, 82.989, 132.101 |
CIE-LUV | 60.37, -48.515, 72.848 |
Hunter-Lab | 53.419, -41.479, 32.19 |
Binary | 00111010, 10100111, 00000000 |
Color Schemes with #3aa700
Alternatives to #3aa700
Below, you can see some colors close to #3aa700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa700 Preview
This text has a font color of #3aa700.
<span style="color:#3aa700;">Text here</span>
This paragraph has a background color of #3aa700.
<p style="background-color:#3aa700;">Content here</p>
This element has a border color of #3aa700.
<div style="border:1px solid #3aa700;">Content here</div>
.text {color:#3aa700;}
.background {background-color:#3aa700;}
.border {border:1px solid #3aa700;}
Shades and Tints of #3aa700
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, #030a00 is the darkest color, while #f9fff5 is the lightest one.
-
#030a00
#030a00
rgb(3,10,0)
-
#0a1e00
#0a1e00
rgb(10,30,0)
-
#113100
#113100
rgb(17,49,0)
-
#184500
#184500
rgb(24,69,0)
-
#1f5900
#1f5900
rgb(31,89,0)
-
#266c00
#266c00
rgb(38,108,0)
-
#2c8000
#2c8000
rgb(44,128,0)
-
#339300
#339300
rgb(51,147,0)
-
#3aa700
#3aa700
rgb(58,167,0)
-
#41bb00
#41bb00
rgb(65,187,0)
-
#48ce00
#48ce00
rgb(72,206,0)
-
#4ee200
#4ee200
rgb(78,226,0)
-
#55f500
#55f500
rgb(85,245,0)
-
#5fff0a
#5fff0a
rgb(95,255,10)
-
#6cff1e
#6cff1e
rgb(108,255,30)
-
#79ff31
#79ff31
rgb(121,255,49)
-
#86ff45
#86ff45
rgb(134,255,69)
-
#92ff59
#92ff59
rgb(146,255,89)
-
#9fff6c
#9fff6c
rgb(159,255,108)
-
#acff80
#acff80
rgb(172,255,128)
-
#b9ff93
#b9ff93
rgb(185,255,147)
-
#c6ffa7
#c6ffa7
rgb(198,255,167)
-
#d2ffbb
#d2ffbb
rgb(210,255,187)
-
#dfffce
#dfffce
rgb(223,255,206)
-
#ecffe2
#ecffe2
rgb(236,255,226)
-
#f9fff5
#f9fff5
rgb(249,255,245)
Tones of #3aa700
A tone is produced by adding gray to any pure hue. In this case, #525a4d is the less saturated color, while #3aa700 is the most saturated one.
-
#525a4d
#525a4d
rgb(82,90,77)
-
#506047
#506047
rgb(80,96,71)
-
#4e6740
#4e6740
rgb(78,103,64)
-
#4c6d3a
#4c6d3a
rgb(76,109,58)
-
#4a7433
#4a7433
rgb(74,116,51)
-
#487a2d
#487a2d
rgb(72,122,45)
-
#468027
#468027
rgb(70,128,39)
-
#448720
#448720
rgb(68,135,32)
-
#428d1a
#428d1a
rgb(66,141,26)
-
#409413
#409413
rgb(64,148,19)
-
#3e9a0d
#3e9a0d
rgb(62,154,13)
-
#3ca106
#3ca106
rgb(60,161,6)
-
#3aa700
#3aa700
rgb(58,167,0)
Color Blindness Simulator
Below, you can see how #3aa700 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.