colorhexa.com

#228048 hex color

In a RGB color space, hex #228048 is composed of 13.3% red, 50.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 0% magenta, 43.8% yellow and 49.8% black. It has a hue angle of 144.3 degrees, a saturation of 58% and a lightness of 31.8%. #228048 color hex could be obtained by blending #44ff90 with #000100. Closest websafe color is: #339933.

- R 13
- G 50
- B 28
RGB color chart
- C 73
- M 0
- Y 44
- K 50
CMYK color chart

● #228048 color description : Dark cyan - lime green.

The hexadecimal color #228048 has RGB values of R:34, G:128, B:72 and CMYK values of C:0.73, M:0, Y:0.44, K:0.5. Its decimal value is 2261064.

Hex triplet	228048	`#228048`
RGB Decimal	34, 128, 72	`rgb(34,128,72)`
RGB Percent	13.3, 50.2, 28.2	`rgb(13.3%,50.2%,28.2%)`
CMYK	73, 0, 44, 50
HSL	144.3°, 58, 31.8	`hsl(144.3,58%,31.8%)`
HSV (or HSB)	144.3°, 73.4, 50.2
Web Safe	339933	`#339933`

CIE-LAB	47.295, -40.392, 22.779
XYZ	9.548, 16.245, 8.763
xyY	0.276, 0.47, 16.245
CIE-LCH	47.295, 46.372, 150.579
CIE-LUV	47.295, -37.631, 33.655
Hunter-Lab	40.306, -28.25, 15.323
Binary	00100010, 10000000, 01001000

#228048
```
#228048 rgb(34,128,72)
```
#80225a
```
#80225a rgb(128,34,90)
```

Complementary Color

#2b8022
```
#2b8022 rgb(43,128,34)
```
#228048
```
#228048 rgb(34,128,72)
```
#228077
```
#228077 rgb(34,128,119)
```

Analogous Color

#80222b
```
#80222b rgb(128,34,43)
```
#228048
```
#228048 rgb(34,128,72)
```
#772280
```
#772280 rgb(119,34,128)
```

Split Complementary Color

#804822
```
#804822 rgb(128,72,34)
```
#228048
```
#228048 rgb(34,128,72)
```
#482280
```
#482280 rgb(72,34,128)
```

Triadic Color

#124426
```
#124426 rgb(18,68,38)
```
#175831
```
#175831 rgb(23,88,49)
```
#1d6c3d
```
#1d6c3d rgb(29,108,61)
```
#228048
```
#228048 rgb(34,128,72)
```
#279453
```
#279453 rgb(39,148,83)
```
#2da85f
```
#2da85f rgb(45,168,95)
```
#32bc6a
```
#32bc6a rgb(50,188,106)
```

Monochromatic Color

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

#228031
```
#228031 rgb(34,128,49)
```
#228038
```
#228038 rgb(34,128,56)
```
#228040
```
#228040 rgb(34,128,64)
```
#228048
```
#228048 rgb(34,128,72)
```
#228050
```
#228050 rgb(34,128,80)
```
#228058
```
#228058 rgb(34,128,88)
```
#228060
```
#228060 rgb(34,128,96)
```

Similar Colors

Text with hexadecimal color #228048

This text has a font color of #228048.

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

#228048 background color

This paragraph has a background color of #228048.

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

#228048 border color

This element has a border color of #228048.

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

CSS codes

.text {color:#228048;}

.background {background-color:#228048;}

.border {border:1px solid #228048;}

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

#010402
```
#010402 rgb(1,4,2)
```
#05140b
```
#05140b rgb(5,20,11)
```
#092314
```
#092314 rgb(9,35,20)
```
#0d331c
```
#0d331c rgb(13,51,28)
```
#124225
```
#124225 rgb(18,66,37)
```
#16522e
```
#16522e rgb(22,82,46)
```
#1a6137
```
#1a6137 rgb(26,97,55)
```
#1e713f
```
#1e713f rgb(30,113,63)
```
#228048
```
#228048 rgb(34,128,72)
```
#268f51
```
#268f51 rgb(38,143,81)
```
#2a9f59
```
#2a9f59 rgb(42,159,89)
```
#2eae62
```
#2eae62 rgb(46,174,98)
```
#32be6b
```
#32be6b rgb(50,190,107)
```

Shade Color Variation

#3acb74
```
#3acb74 rgb(58,203,116)
```
#49cf7f
```
#49cf7f rgb(73,207,127)
```
#59d38a
```
#59d38a rgb(89,211,138)
```
#68d795
```
#68d795 rgb(104,215,149)
```
#78dba0
```
#78dba0 rgb(120,219,160)
```
#87dfab
```
#87dfab rgb(135,223,171)
```
#97e3b6
```
#97e3b6 rgb(151,227,182)
```
#a6e7c0
```
#a6e7c0 rgb(166,231,192)
```
#b6ebcb
```
#b6ebcb rgb(182,235,203)
```
#c5f0d6
```
#c5f0d6 rgb(197,240,214)
```
#d5f4e1
```
#d5f4e1 rgb(213,244,225)
```
#e4f8ec
```
#e4f8ec rgb(228,248,236)
```
#f4fcf7
```
#f4fcf7 rgb(244,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5450 is the less saturated color, while #039f42 is the most saturated one.

#4e5450
```
#4e5450 rgb(78,84,80)
```
#475b4f
```
#475b4f rgb(71,91,79)
```
#41614e
```
#41614e rgb(65,97,78)
```
#3b674d
```
#3b674d rgb(59,103,77)
```
#356d4c
```
#356d4c rgb(53,109,76)
```
#2e744a
```
#2e744a rgb(46,116,74)
```
#287a49
```
#287a49 rgb(40,122,73)
```
#228048
```
#228048 rgb(34,128,72)
```
#1c8647
```
#1c8647 rgb(28,134,71)
```
#168c46
```
#168c46 rgb(22,140,70)
```
#0f9344
```
#0f9344 rgb(15,147,68)
```
#099943
```
#099943 rgb(9,153,67)
```
#039f42
```
#039f42 rgb(3,159,66)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#52655a Atypical Achromatopsia 0.001% of the population

Dichromacy

#82774b Protanopia 1% of men
#8c7258 Deuteranopia 1% of men
#457f89 Tritanopia 0.001% of the population

Trichromacy

#5f7a4a Protanomaly 1% of men, 0.01% of women
#667752 Deuteranomaly 6% of men, 0.4% of women
#387f71 Tritanomaly 0.01% of the population