#48a226 hex color

In a RGB color space, hex #48a226 is composed of 28.2% red, 63.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 76.5% yellow and 36.5% black. It has a hue angle of 103.5 degrees, a saturation of 62% and a lightness of 39.2%. #48a226 color hex could be obtained by blending #90ff4c with #004500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 28
- G 64
- B 15
RGB color chart
- C 56
- M 0
- Y 77
- K 36
CMYK color chart

● #48a226 color description : Dark green.

The hexadecimal color #48a226 has RGB values of R:72, G:162, B:38 and CMYK values of C:0.56, M:0, Y:0.77, K:0.36. Its decimal value is 4760102.

Hex triplet	48a226	`#48a226`
RGB Decimal	72, 162, 38	`rgb(72,162,38)`
RGB Percent	28.2, 63.5, 14.9	`rgb(28.2%,63.5%,14.9%)`
CMYK	56, 0, 77, 36
HSL	103.5°, 62, 39.2	`hsl(103.5,62%,39.2%)`
HSV (or HSB)	103.5°, 76.5, 63.5
Web Safe	339933	`#339933`

CIE-LAB	59.303, -48.841, 52.585
XYZ	15.942, 27.357, 6.274
xyY	0.322, 0.552, 27.357
CIE-LCH	59.303, 71.768, 132.886
CIE-LUV	59.303, -42.078, 65.379
Hunter-Lab	52.304, -37.126, 29.501
Binary	01001000, 10100010, 00100110

#48a226
```
#48a226 rgb(72,162,38)
```
#8026a2
```
#8026a2 rgb(128,38,162)
```

Complementary Color

#86a226
```
#86a226 rgb(134,162,38)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#26a242
```
#26a242 rgb(38,162,66)
```

Analogous Color

#a22686
```
#a22686 rgb(162,38,134)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#4226a2
```
#4226a2 rgb(66,38,162)
```

Split Complementary Color

#a22648
```
#a22648 rgb(162,38,72)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#2648a2
```
#2648a2 rgb(38,72,162)
```

Triadic Color

#a28026
```
#a28026 rgb(162,128,38)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#2648a2
```
#2648a2 rgb(38,72,162)
```
#8026a2
```
#8026a2 rgb(128,38,162)
```

Tetradic Color

#2c6417
```
#2c6417 rgb(44,100,23)
```
#36791c
```
#36791c rgb(54,121,28)
```
#3f8d21
```
#3f8d21 rgb(63,141,33)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#51b72b
```
#51b72b rgb(81,183,43)
```
#5acb30
```
#5acb30 rgb(90,203,48)
```
#6ad342
```
#6ad342 rgb(106,211,66)
```

Monochromatic Color

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

#67a226
```
#67a226 rgb(103,162,38)
```
#5da226
```
#5da226 rgb(93,162,38)
```
#52a226
```
#52a226 rgb(82,162,38)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#3ea226
```
#3ea226 rgb(62,162,38)
```
#33a226
```
#33a226 rgb(51,162,38)
```
#29a226
```
#29a226 rgb(41,162,38)
```

Similar Colors

Text with hexadecimal color #48a226

This text has a font color of #48a226.

<span style="color:#48a226;">Text here</span>

#48a226 background color

This paragraph has a background color of #48a226.

<p style="background-color:#48a226;">Content here</p>

#48a226 border color

This element has a border color of #48a226.

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

CSS codes

.text {color:#48a226;}

.background {background-color:#48a226;}

.border {border:1px solid #48a226;}

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

#010301
```
#010301 rgb(1,3,1)
```
#081304
```
#081304 rgb(8,19,4)
```
#102308
```
#102308 rgb(16,35,8)
```
#17330c
```
#17330c rgb(23,51,12)
```
#1e4310
```
#1e4310 rgb(30,67,16)
```
#255313
```
#255313 rgb(37,83,19)
```
#2c6217
```
#2c6217 rgb(44,98,23)
```
#33721b
```
#33721b rgb(51,114,27)
```
#3a821f
```
#3a821f rgb(58,130,31)
```
#419222
```
#419222 rgb(65,146,34)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#4fb22a
```
#4fb22a rgb(79,178,42)
```
#56c22d
```
#56c22d rgb(86,194,45)
```

Shade Color Variation

#5ecf34
```
#5ecf34 rgb(94,207,52)
```
#6bd343
```
#6bd343 rgb(107,211,67)
```
#77d753
```
#77d753 rgb(119,215,83)
```
#84da63
```
#84da63 rgb(132,218,99)
```
#90de73
```
#90de73 rgb(144,222,115)
```
#9de283
```
#9de283 rgb(157,226,131)
```
#aae693
```
#aae693 rgb(170,230,147)
```
#b6e9a3
```
#b6e9a3 rgb(182,233,163)
```
#c3edb3
```
#c3edb3 rgb(195,237,179)
```
#cff1c3
```
#cff1c3 rgb(207,241,195)
```
#dcf5d2
```
#dcf5d2 rgb(220,245,210)
```
#e8f8e2
```
#e8f8e2 rgb(232,248,226)
```
#f5fcf2
```
#f5fcf2 rgb(245,252,242)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#606c5c
```
#606c5c rgb(96,108,92)
```
#5d7454
```
#5d7454 rgb(93,116,84)
```
#597c4c
```
#597c4c rgb(89,124,76)
```
#568345
```
#568345 rgb(86,131,69)
```
#528b3d
```
#528b3d rgb(82,139,61)
```
#4f9335
```
#4f9335 rgb(79,147,53)
```
#4b9a2e
```
#4b9a2e rgb(75,154,46)
```
#48a226
```
#48a226 rgb(72,162,38)
```
#45aa1e
```
#45aa1e rgb(69,170,30)
```
#41b117
```
#41b117 rgb(65,177,23)
```
#3eb90f
```
#3eb90f rgb(62,185,15)
```
#3ac107
```
#3ac107 rgb(58,193,7)
```

Tone Color Variation

Below, you can see how #48a226 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

#797979 Achromatopsia 0.005% of the population
#6f8168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6942c Protanopia 1% of men
#b78d3d Deuteranopia 1% of men
#6b9ca7 Tritanopia 0.001% of the population

Trichromacy

#83992a Protanomaly 1% of men, 0.01% of women
#8e9535 Deuteranomaly 6% of men, 0.4% of women
#5e9e78 Tritanomaly 0.01% of the population

#48a226 hex color

#48a226 Color Information

#48a226 Color Conversion

Color Schemes with #48a226

Alternatives to #48a226

#48a226 Preview

Shades and Tints of #48a226

Tones of #48a226

Color Blindness Simulator