#228355 hex color

In a RGB color space, hex #228355 is composed of 13.3% red, 51.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 0% magenta, 35.1% yellow and 48.6% black. It has a hue angle of 151.5 degrees, a saturation of 58.8% and a lightness of 32.4%. #228355 color hex could be obtained by blending #44ffaa with #000700. Closest websafe color is: #339966.

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

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

The hexadecimal color #228355 has RGB values of R:34, G:131, B:85 and CMYK values of C:0.74, M:0, Y:0.35, K:0.49. Its decimal value is 2261845.

Hex triplet	228355	`#228355`
RGB Decimal	34, 131, 85	`rgb(34,131,85)`
RGB Percent	13.3, 51.4, 33.3	`rgb(13.3%,51.4%,33.3%)`
CMYK	74, 0, 35, 49
HSL	151.5°, 58.8, 32.4	`hsl(151.5,58.8%,32.4%)`
HSV (or HSB)	151.5°, 74, 51.4
Web Safe	339966	`#339966`

CIE-LAB	48.545, -38.95, 17.104
XYZ	10.415, 17.228, 11.37
xyY	0.267, 0.442, 17.228
CIE-LCH	48.545, 42.54, 156.293
CIE-LUV	48.545, -38.068, 27.438
Hunter-Lab	41.506, -27.846, 12.812
Binary	00100010, 10000011, 01010101

#228355
```
#228355 rgb(34,131,85)
```
#832250
```
#832250 rgb(131,34,80)
```

Complementary Color

#228325
```
#228325 rgb(34,131,37)
```
#228355
```
#228355 rgb(34,131,85)
```
#228183
```
#228183 rgb(34,129,131)
```

Analogous Color

#832522
```
#832522 rgb(131,37,34)
```
#228355
```
#228355 rgb(34,131,85)
```
#832281
```
#832281 rgb(131,34,129)
```

Split Complementary Color

#835522
```
#835522 rgb(131,85,34)
```
#228355
```
#228355 rgb(34,131,85)
```
#552283
```
#552283 rgb(85,34,131)
```

Triadic Color

#508322
```
#508322 rgb(80,131,34)
```
#228355
```
#228355 rgb(34,131,85)
```
#552283
```
#552283 rgb(85,34,131)
```
#832250
```
#832250 rgb(131,34,80)
```

Tetradic Color

#12462e
```
#12462e rgb(18,70,46)
```
#175b3b
```
#175b3b rgb(23,91,59)
```
#1d6f48
```
#1d6f48 rgb(29,111,72)
```
#228355
```
#228355 rgb(34,131,85)
```
#279762
```
#279762 rgb(39,151,98)
```
#2dab6f
```
#2dab6f rgb(45,171,111)
```
#32c07c
```
#32c07c rgb(50,192,124)
```

Monochromatic Color

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

#22833d
```
#22833d rgb(34,131,61)
```
#228345
```
#228345 rgb(34,131,69)
```
#22834d
```
#22834d rgb(34,131,77)
```
#228355
```
#228355 rgb(34,131,85)
```
#22835d
```
#22835d rgb(34,131,93)
```
#228365
```
#228365 rgb(34,131,101)
```
#22836d
```
#22836d rgb(34,131,109)
```

Similar Colors

Text with hexadecimal color #228355

This text has a font color of #228355.

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

#228355 background color

This paragraph has a background color of #228355.

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

#228355 border color

This element has a border color of #228355.

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

CSS codes

.text {color:#228355;}

.background {background-color:#228355;}

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

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

#020604
```
#020604 rgb(2,6,4)
```
#06160e
```
#06160e rgb(6,22,14)
```
#0a2618
```
#0a2618 rgb(10,38,24)
```
#0e3522
```
#0e3522 rgb(14,53,34)
```
#12452d
```
#12452d rgb(18,69,45)
```
#165437
```
#165437 rgb(22,84,55)
```
#1a6441
```
#1a6441 rgb(26,100,65)
```
#1e734b
```
#1e734b rgb(30,115,75)
```
#228355
```
#228355 rgb(34,131,85)
```
#26935f
```
#26935f rgb(38,147,95)
```
#2aa269
```
#2aa269 rgb(42,162,105)
```
#2eb273
```
#2eb273 rgb(46,178,115)
```
#32c17d
```
#32c17d rgb(50,193,125)
```

Shade Color Variation

#3bcc87
```
#3bcc87 rgb(59,204,135)
```
#4bd091
```
#4bd091 rgb(75,208,145)
```
#5ad49a
```
#5ad49a rgb(90,212,154)
```
#6ad8a4
```
#6ad8a4 rgb(106,216,164)
```
#79dcad
```
#79dcad rgb(121,220,173)
```
#89e0b7
```
#89e0b7 rgb(137,224,183)
```
#98e4c0
```
#98e4c0 rgb(152,228,192)
```
#a8e8ca
```
#a8e8ca rgb(168,232,202)
```
#b8ecd3
```
#b8ecd3 rgb(184,236,211)
```
#c7f0dd
```
#c7f0dd rgb(199,240,221)
```
#d7f5e6
```
#d7f5e6 rgb(215,245,230)
```
#e6f9f0
```
#e6f9f0 rgb(230,249,240)
```
#f6fdf9
```
#f6fdf9 rgb(246,253,249)
```

Tint Color Variation

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

#4e5753
```
#4e5753 rgb(78,87,83)
```
#485d53
```
#485d53 rgb(72,93,83)
```
#426353
```
#426353 rgb(66,99,83)
```
#3b6a54
```
#3b6a54 rgb(59,106,84)
```
#357054
```
#357054 rgb(53,112,84)
```
#2f7654
```
#2f7654 rgb(47,118,84)
```
#287d55
```
#287d55 rgb(40,125,85)
```
#228355
```
#228355 rgb(34,131,85)
```
#1c8955
```
#1c8955 rgb(28,137,85)
```
#159056
```
#159056 rgb(21,144,86)
```
#0f9656
```
#0f9656 rgb(15,150,86)
```
#099c56
```
#099c56 rgb(9,156,86)
```
#02a357
```
#02a357 rgb(2,163,87)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#54685f Atypical Achromatopsia 0.001% of the population

Dichromacy

#837a57 Protanopia 1% of men
#8d7664 Deuteranopia 1% of men
#44838d Tritanopia 0.001% of the population

Trichromacy

#607d56 Protanomaly 1% of men, 0.01% of women
#667a5e Deuteranomaly 6% of men, 0.4% of women
#378378 Tritanomaly 0.01% of the population

#228355 hex color

#228355 Color Information

#228355 Color Conversion

Color Schemes with #228355

Alternatives to #228355

#228355 Preview

Shades and Tints of #228355

Tones of #228355

Color Blindness Simulator