#228361 hex color

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

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

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

The hexadecimal color #228361 has RGB values of R:34, G:131, B:97 and CMYK values of C:0.74, M:0, Y:0.26, K:0.49. Its decimal value is 2261857.

Hex triplet	228361	`#228361`
RGB Decimal	34, 131, 97	`rgb(34,131,97)`
RGB Percent	13.3, 51.4, 38	`rgb(13.3%,51.4%,38%)`
CMYK	74, 0, 26, 49
HSL	159°, 58.8, 32.4	`hsl(159,58.8%,32.4%)`
HSV (or HSB)	159°, 74, 51.4
Web Safe	339966	`#339966`

CIE-LAB	48.803, -36.159, 10.55
XYZ	10.933, 17.435, 14.098
xyY	0.257, 0.411, 17.435
CIE-LCH	48.803, 37.667, 163.734
CIE-LUV	48.803, -37.368, 19.16
Hunter-Lab	41.755, -26.334, 9.21
Binary	00100010, 10000011, 01100001

#228361
```
#228361 rgb(34,131,97)
```
#832244
```
#832244 rgb(131,34,68)
```

Complementary Color

#228330
```
#228330 rgb(34,131,48)
```
#228361
```
#228361 rgb(34,131,97)
```
#227583
```
#227583 rgb(34,117,131)
```

Analogous Color

#833122
```
#833122 rgb(131,49,34)
```
#228361
```
#228361 rgb(34,131,97)
```
#832275
```
#832275 rgb(131,34,117)
```

Split Complementary Color

#836122
```
#836122 rgb(131,97,34)
```
#228361
```
#228361 rgb(34,131,97)
```
#612283
```
#612283 rgb(97,34,131)
```

Triadic Color

#448322
```
#448322 rgb(68,131,34)
```
#228361
```
#228361 rgb(34,131,97)
```
#612283
```
#612283 rgb(97,34,131)
```
#832244
```
#832244 rgb(131,34,68)
```

Tetradic Color

#124634
```
#124634 rgb(18,70,52)
```
#175b43
```
#175b43 rgb(23,91,67)
```
#1d6f52
```
#1d6f52 rgb(29,111,82)
```
#228361
```
#228361 rgb(34,131,97)
```
#279770
```
#279770 rgb(39,151,112)
```
#2dab7f
```
#2dab7f rgb(45,171,127)
```
#32c08e
```
#32c08e rgb(50,192,142)
```

Monochromatic Color

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

#228349
```
#228349 rgb(34,131,73)
```
#228351
```
#228351 rgb(34,131,81)
```
#228359
```
#228359 rgb(34,131,89)
```
#228361
```
#228361 rgb(34,131,97)
```
#228369
```
#228369 rgb(34,131,105)
```
#228371
```
#228371 rgb(34,131,113)
```
#228379
```
#228379 rgb(34,131,121)
```

Similar Colors

Text with hexadecimal color #228361

This text has a font color of #228361.

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

#228361 background color

This paragraph has a background color of #228361.

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

#228361 border color

This element has a border color of #228361.

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

CSS codes

.text {color:#228361;}

.background {background-color:#228361;}

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

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

#020605
```
#020605 rgb(2,6,5)
```
#061610
```
#061610 rgb(6,22,16)
```
#0a261c
```
#0a261c rgb(10,38,28)
```
#0e3527
```
#0e3527 rgb(14,53,39)
```
#124533
```
#124533 rgb(18,69,51)
```
#16543e
```
#16543e rgb(22,84,62)
```
#1a644a
```
#1a644a rgb(26,100,74)
```
#1e7355
```
#1e7355 rgb(30,115,85)
```
#228361
```
#228361 rgb(34,131,97)
```
#26936d
```
#26936d rgb(38,147,109)
```
#2aa278
```
#2aa278 rgb(42,162,120)
```
#2eb284
```
#2eb284 rgb(46,178,132)
```
#32c18f
```
#32c18f rgb(50,193,143)
```

Shade Color Variation

#3bcc99
```
#3bcc99 rgb(59,204,153)
```
#4bd0a1
```
#4bd0a1 rgb(75,208,161)
```
#5ad4a9
```
#5ad4a9 rgb(90,212,169)
```
#6ad8b1
```
#6ad8b1 rgb(106,216,177)
```
#79dcba
```
#79dcba rgb(121,220,186)
```
#89e0c2
```
#89e0c2 rgb(137,224,194)
```
#98e4ca
```
#98e4ca rgb(152,228,202)
```
#a8e8d2
```
#a8e8d2 rgb(168,232,210)
```
#b8ecda
```
#b8ecda rgb(184,236,218)
```
#c7f0e2
```
#c7f0e2 rgb(199,240,226)
```
#d7f5ea
```
#d7f5ea rgb(215,245,234)
```
#e6f9f2
```
#e6f9f2 rgb(230,249,242)
```
#f6fdfa
```
#f6fdfa rgb(246,253,250)
```

Tint Color Variation

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

#4e5754
```
#4e5754 rgb(78,87,84)
```
#485d56
```
#485d56 rgb(72,93,86)
```
#426358
```
#426358 rgb(66,99,88)
```
#3b6a59
```
#3b6a59 rgb(59,106,89)
```
#35705b
```
#35705b rgb(53,112,91)
```
#2f765d
```
#2f765d rgb(47,118,93)
```
#287d5f
```
#287d5f rgb(40,125,95)
```
#228361
```
#228361 rgb(34,131,97)
```
#1c8963
```
#1c8963 rgb(28,137,99)
```
#159065
```
#159065 rgb(21,144,101)
```
#0f9667
```
#0f9667 rgb(15,150,103)
```
#099c69
```
#099c69 rgb(9,156,105)
```
#02a36a
```
#02a36a rgb(2,163,106)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#556962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827a62 Protanopia 1% of men
#8a776f Deuteranopia 1% of men
#41848e Tritanopia 0.001% of the population

Trichromacy

#5f7d62 Protanomaly 1% of men, 0.01% of women
#647b6a Deuteranomaly 6% of men, 0.4% of women
#35837d Tritanomaly 0.01% of the population

#228361 hex color

#228361 Color Information

#228361 Color Conversion

Color Schemes with #228361

Alternatives to #228361

#228361 Preview

Shades and Tints of #228361

Tones of #228361

Color Blindness Simulator