#228248 hex color

In a RGB color space, hex #228248 is composed of 13.3% red, 51% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 44.6% yellow and 49% black. It has a hue angle of 143.8 degrees, a saturation of 58.5% and a lightness of 32.2%. #228248 color hex could be obtained by blending #44ff90 with #000500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 13
- G 51
- B 28
RGB color chart
- C 74
- M 0
- Y 45
- K 49
CMYK color chart

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

The hexadecimal color #228248 has RGB values of R:34, G:130, B:72 and CMYK values of C:0.74, M:0, Y:0.45, K:0.49. Its decimal value is 2261576.

Hex triplet	228248	`#228248`
RGB Decimal	34, 130, 72	`rgb(34,130,72)`
RGB Percent	13.3, 51, 28.2	`rgb(13.3%,51%,28.2%)`
CMYK	74, 0, 45, 49
HSL	143.8°, 58.5, 32.2	`hsl(143.8,58.5%,32.2%)`
HSV (or HSB)	143.8°, 73.8, 51
Web Safe	339933	`#339933`

CIE-LAB	47.972, -41.192, 23.659
XYZ	9.811, 16.772, 8.851
xyY	0.277, 0.473, 16.772
CIE-LCH	47.972, 47.503, 150.129
CIE-LUV	47.972, -38.382, 34.856
Hunter-Lab	40.954, -28.906, 15.854
Binary	00100010, 10000010, 01001000

#228248
```
#228248 rgb(34,130,72)
```
#82225c
```
#82225c rgb(130,34,92)
```

Complementary Color

#2c8222
```
#2c8222 rgb(44,130,34)
```
#228248
```
#228248 rgb(34,130,72)
```
#228278
```
#228278 rgb(34,130,120)
```

Analogous Color

#82222c
```
#82222c rgb(130,34,44)
```
#228248
```
#228248 rgb(34,130,72)
```
#782282
```
#782282 rgb(120,34,130)
```

Split Complementary Color

#824822
```
#824822 rgb(130,72,34)
```
#228248
```
#228248 rgb(34,130,72)
```
#482282
```
#482282 rgb(72,34,130)
```

Triadic Color

#5c8222
```
#5c8222 rgb(92,130,34)
```
#228248
```
#228248 rgb(34,130,72)
```
#482282
```
#482282 rgb(72,34,130)
```
#82225c
```
#82225c rgb(130,34,92)
```

Tetradic Color

#124526
```
#124526 rgb(18,69,38)
```
#175a32
```
#175a32 rgb(23,90,50)
```
#1d6e3d
```
#1d6e3d rgb(29,110,61)
```
#228248
```
#228248 rgb(34,130,72)
```
#279653
```
#279653 rgb(39,150,83)
```
#2daa5e
```
#2daa5e rgb(45,170,94)
```
#32bf6a
```
#32bf6a rgb(50,191,106)
```

Monochromatic Color

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

#228230
```
#228230 rgb(34,130,48)
```
#228238
```
#228238 rgb(34,130,56)
```
#228240
```
#228240 rgb(34,130,64)
```
#228248
```
#228248 rgb(34,130,72)
```
#228250
```
#228250 rgb(34,130,80)
```
#228258
```
#228258 rgb(34,130,88)
```
#228260
```
#228260 rgb(34,130,96)
```

Similar Colors

Text with hexadecimal color #228248

This text has a font color of #228248.

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

#228248 background color

This paragraph has a background color of #228248.

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

#228248 border color

This element has a border color of #228248.

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

CSS codes

.text {color:#228248;}

.background {background-color:#228248;}

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

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

#010603
```
#010603 rgb(1,6,3)
```
#06150c
```
#06150c rgb(6,21,12)
```
#0a2514
```
#0a2514 rgb(10,37,20)
```
#0e341d
```
#0e341d rgb(14,52,29)
```
#124426
```
#124426 rgb(18,68,38)
```
#16532e
```
#16532e rgb(22,83,46)
```
#1a6337
```
#1a6337 rgb(26,99,55)
```
#1e723f
```
#1e723f rgb(30,114,63)
```
#228248
```
#228248 rgb(34,130,72)
```
#269251
```
#269251 rgb(38,146,81)
```
#2aa159
```
#2aa159 rgb(42,161,89)
```
#2eb162
```
#2eb162 rgb(46,177,98)
```
#32c06a
```
#32c06a rgb(50,192,106)
```

Shade Color Variation

#3acc74
```
#3acc74 rgb(58,204,116)
```
#4ad07f
```
#4ad07f rgb(74,208,127)
```
#5ad48a
```
#5ad48a rgb(90,212,138)
```
#69d895
```
#69d895 rgb(105,216,149)
```
#79dca0
```
#79dca0 rgb(121,220,160)
```
#88e0ab
```
#88e0ab rgb(136,224,171)
```
#98e4b6
```
#98e4b6 rgb(152,228,182)
```
#a7e8c1
```
#a7e8c1 rgb(167,232,193)
```
#b7eccc
```
#b7eccc rgb(183,236,204)
```
#c6f0d7
```
#c6f0d7 rgb(198,240,215)
```
#d6f4e2
```
#d6f4e2 rgb(214,244,226)
```
#e6f8ed
```
#e6f8ed rgb(230,248,237)
```
#f5fcf8
```
#f5fcf8 rgb(245,252,248)
```

Tint Color Variation

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

#4e5651
```
#4e5651 rgb(78,86,81)
```
#485c50
```
#485c50 rgb(72,92,80)
```
#42624f
```
#42624f rgb(66,98,79)
```
#3b694d
```
#3b694d rgb(59,105,77)
```
#356f4c
```
#356f4c rgb(53,111,76)
```
#2f754b
```
#2f754b rgb(47,117,75)
```
#287c49
```
#287c49 rgb(40,124,73)
```
#228248
```
#228248 rgb(34,130,72)
```
#1c8847
```
#1c8847 rgb(28,136,71)
```
#158f45
```
#158f45 rgb(21,143,69)
```
#0f9544
```
#0f9544 rgb(15,149,68)
```
#099b43
```
#099b43 rgb(9,155,67)
```
#02a241
```
#02a241 rgb(2,162,65)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#53665a Atypical Achromatopsia 0.001% of the population

Dichromacy

#84794b Protanopia 1% of men
#8f7458 Deuteranopia 1% of men
#46818b Tritanopia 0.001% of the population

Trichromacy

#607c4a Protanomaly 1% of men, 0.01% of women
#677952 Deuteranomaly 6% of men, 0.4% of women
#398172 Tritanomaly 0.01% of the population

#228248 hex color

#228248 Color Information

#228248 Color Conversion

Color Schemes with #228248

Alternatives to #228248

#228248 Preview

Shades and Tints of #228248

Tones of #228248

Color Blindness Simulator