#228c71 hex color

In a RGB color space, hex #228c71 is composed of 13.3% red, 54.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 0% magenta, 19.3% yellow and 45.1% black. It has a hue angle of 164.7 degrees, a saturation of 60.9% and a lightness of 34.1%. #228c71 color hex could be obtained by blending #44ffe2 with #001900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 55
- B 44
RGB color chart
- C 76
- M 0
- Y 19
- K 45
CMYK color chart

● #228c71 color description : Dark cyan - lime green.

The hexadecimal color #228c71 has RGB values of R:34, G:140, B:113 and CMYK values of C:0.76, M:0, Y:0.19, K:0.45. Its decimal value is 2264177.

Hex triplet	228c71	`#228c71`
RGB Decimal	34, 140, 113	`rgb(34,140,113)`
RGB Percent	13.3, 54.9, 44.3	`rgb(13.3%,54.9%,44.3%)`
CMYK	76, 0, 19, 45
HSL	164.7°, 60.9, 34.1	`hsl(164.7,60.9%,34.1%)`
HSV (or HSB)	164.7°, 75.7, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.16, -36.065, 6.048
XYZ	13.017, 20.287, 18.852
xyY	0.25, 0.389, 20.287
CIE-LCH	52.16, 36.569, 170.481
CIE-LUV	52.16, -39.718, 13.572
Hunter-Lab	45.041, -27.235, 6.714
Binary	00100010, 10001100, 01110001

#228c71
```
#228c71 rgb(34,140,113)
```
#8c223d
```
#8c223d rgb(140,34,61)
```

Complementary Color

#228c3c
```
#228c3c rgb(34,140,60)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#22728c
```
#22728c rgb(34,114,140)
```

Analogous Color

#8c3c22
```
#8c3c22 rgb(140,60,34)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#8c2272
```
#8c2272 rgb(140,34,114)
```

Split Complementary Color

#8c7122
```
#8c7122 rgb(140,113,34)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#71228c
```
#71228c rgb(113,34,140)
```

Triadic Color

#3d8c22
```
#3d8c22 rgb(61,140,34)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#71228c
```
#71228c rgb(113,34,140)
```
#8c223d
```
#8c223d rgb(140,34,61)
```

Tetradic Color

#134e3f
```
#134e3f rgb(19,78,63)
```
#186350
```
#186350 rgb(24,99,80)
```
#1d7760
```
#1d7760 rgb(29,119,96)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#27a182
```
#27a182 rgb(39,161,130)
```
#2cb592
```
#2cb592 rgb(44,181,146)
```
#31caa3
```
#31caa3 rgb(49,202,163)
```

Monochromatic Color

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

#228c57
```
#228c57 rgb(34,140,87)
```
#228c5f
```
#228c5f rgb(34,140,95)
```
#228c68
```
#228c68 rgb(34,140,104)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#228c83
```
#228c83 rgb(34,140,131)
```
#228c8c
```
#228c8c rgb(34,140,140)
```

Similar Colors

Text with hexadecimal color #228c71

This text has a font color of #228c71.

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

#228c71 background color

This paragraph has a background color of #228c71.

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

#228c71 border color

This element has a border color of #228c71.

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

CSS codes

.text {color:#228c71;}

.background {background-color:#228c71;}

.border {border:1px solid #228c71;}

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, #030e0b is the darkest color, while #fdfffe is the lightest one.

#030e0b
```
#030e0b rgb(3,14,11)
```
#071e18
```
#071e18 rgb(7,30,24)
```
#0b2d25
```
#0b2d25 rgb(11,45,37)
```
#0f3d31
```
#0f3d31 rgb(15,61,49)
```
#134d3e
```
#134d3e rgb(19,77,62)
```
#175d4b
```
#175d4b rgb(23,93,75)
```
#1a6c58
```
#1a6c58 rgb(26,108,88)
```
#1e7c64
```
#1e7c64 rgb(30,124,100)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#269c7e
```
#269c7e rgb(38,156,126)
```
#2aac8a
```
#2aac8a rgb(42,172,138)
```
#2dbb97
```
#2dbb97 rgb(45,187,151)
```
#31cba4
```
#31cba4 rgb(49,203,164)
```

Shade Color Variation

#40d1ac
```
#40d1ac rgb(64,209,172)
```
#4fd4b2
```
#4fd4b2 rgb(79,212,178)
```
#5fd8b9
```
#5fd8b9 rgb(95,216,185)
```
#6fdcc0
```
#6fdcc0 rgb(111,220,192)
```
#7fe0c7
```
#7fe0c7 rgb(127,224,199)
```
#8ee4ce
```
#8ee4ce rgb(142,228,206)
```
#9ee8d5
```
#9ee8d5 rgb(158,232,213)
```
#aeebdc
```
#aeebdc rgb(174,235,220)
```
#beefe3
```
#beefe3 rgb(190,239,227)
```
#cef3e9
```
#cef3e9 rgb(206,243,233)
```
#ddf7f0
```
#ddf7f0 rgb(221,247,240)
```
#edfbf7
```
#edfbf7 rgb(237,251,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515d5a is the less saturated color, while #01ad81 is the most saturated one.

#515d5a
```
#515d5a rgb(81,93,90)
```
#4a645d
```
#4a645d rgb(74,100,93)
```
#436b61
```
#436b61 rgb(67,107,97)
```
#3d7164
```
#3d7164 rgb(61,113,100)
```
#367867
```
#367867 rgb(54,120,103)
```
#2f7f6a
```
#2f7f6a rgb(47,127,106)
```
#29856e
```
#29856e rgb(41,133,110)
```
#228c71
```
#228c71 rgb(34,140,113)
```
#1b9374
```
#1b9374 rgb(27,147,116)
```
#159978
```
#159978 rgb(21,153,120)
```
#0ea07b
```
#0ea07b rgb(14,160,123)
```
#07a77e
```
#07a77e rgb(7,167,126)
```
#01ad81
```
#01ad81 rgb(1,173,129)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5b706b Atypical Achromatopsia 0.001% of the population

Dichromacy

#898271 Protanopia 1% of men
#907f7f Deuteranopia 1% of men
#418d97 Tritanopia 0.001% of the population

Trichromacy

#638671 Protanomaly 1% of men, 0.01% of women
#688379 Deuteranomaly 6% of men, 0.4% of women
#358c89 Tritanomaly 0.01% of the population

#228c71 hex color

#228c71 Color Information

#228c71 Color Conversion

Color Schemes with #228c71

Alternatives to #228c71

#228c71 Preview

Shades and Tints of #228c71

Tones of #228c71

Color Blindness Simulator