#228e6f hex color

In a RGB color space, hex #228e6f is composed of 13.3% red, 55.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 21.8% yellow and 44.3% black. It has a hue angle of 162.8 degrees, a saturation of 61.4% and a lightness of 34.5%. #228e6f color hex could be obtained by blending #44ffde with #001d00. Closest websafe color is: #339966.

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

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

The hexadecimal color #228e6f has RGB values of R:34, G:142, B:111 and CMYK values of C:0.76, M:0, Y:0.22, K:0.44. Its decimal value is 2264687.

Hex triplet	228e6f	`#228e6f`
RGB Decimal	34, 142, 111	`rgb(34,142,111)`
RGB Percent	13.3, 55.7, 43.5	`rgb(13.3%,55.7%,43.5%)`
CMYK	76, 0, 22, 44
HSL	162.8°, 61.4, 34.5	`hsl(162.8,61.4%,34.5%)`
HSV (or HSB)	162.8°, 76.1, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.766, -37.469, 8.062
XYZ	13.201, 20.833, 18.363
xyY	0.252, 0.398, 20.833
CIE-LCH	52.766, 38.326, 167.857
CIE-LUV	52.766, -40.586, 16.501
Hunter-Lab	45.643, -28.249, 8.096
Binary	00100010, 10001110, 01101111

#228e6f
```
#228e6f rgb(34,142,111)
```
#8e2241
```
#8e2241 rgb(142,34,65)
```

Complementary Color

#228e39
```
#228e39 rgb(34,142,57)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#22778e
```
#22778e rgb(34,119,142)
```

Analogous Color

#8e3922
```
#8e3922 rgb(142,57,34)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#8e2277
```
#8e2277 rgb(142,34,119)
```

Split Complementary Color

#8e6f22
```
#8e6f22 rgb(142,111,34)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#6f228e
```
#6f228e rgb(111,34,142)
```

Triadic Color

#418e22
```
#418e22 rgb(65,142,34)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#6f228e
```
#6f228e rgb(111,34,142)
```
#8e2241
```
#8e2241 rgb(142,34,65)
```

Tetradic Color

#13503f
```
#13503f rgb(19,80,63)
```
#18654f
```
#18654f rgb(24,101,79)
```
#1d795f
```
#1d795f rgb(29,121,95)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#27a37f
```
#27a37f rgb(39,163,127)
```
#2cb78f
```
#2cb78f rgb(44,183,143)
```
#31cc9f
```
#31cc9f rgb(49,204,159)
```

Monochromatic Color

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

#228e54
```
#228e54 rgb(34,142,84)
```
#228e5d
```
#228e5d rgb(34,142,93)
```
#228e66
```
#228e66 rgb(34,142,102)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#228e78
```
#228e78 rgb(34,142,120)
```
#228e81
```
#228e81 rgb(34,142,129)
```
#228e8a
```
#228e8a rgb(34,142,138)
```

Similar Colors

Text with hexadecimal color #228e6f

This text has a font color of #228e6f.

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

#228e6f background color

This paragraph has a background color of #228e6f.

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

#228e6f border color

This element has a border color of #228e6f.

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

CSS codes

.text {color:#228e6f;}

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

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

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, #040f0c is the darkest color, while #ffffff is the lightest one.

#040f0c
```
#040f0c rgb(4,15,12)
```
#071f18
```
#071f18 rgb(7,31,24)
```
#0b2f25
```
#0b2f25 rgb(11,47,37)
```
#0f3f31
```
#0f3f31 rgb(15,63,49)
```
#134f3e
```
#134f3e rgb(19,79,62)
```
#175f4a
```
#175f4a rgb(23,95,74)
```
#1a6e56
```
#1a6e56 rgb(26,110,86)
```
#1e7e63
```
#1e7e63 rgb(30,126,99)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#269e7b
```
#269e7b rgb(38,158,123)
```
#2aae88
```
#2aae88 rgb(42,174,136)
```
#2dbd94
```
#2dbd94 rgb(45,189,148)
```
#31cda0
```
#31cda0 rgb(49,205,160)
```

Shade Color Variation

#41d1a8
```
#41d1a8 rgb(65,209,168)
```
#50d5af
```
#50d5af rgb(80,213,175)
```
#60d9b6
```
#60d9b6 rgb(96,217,182)
```
#70ddbe
```
#70ddbe rgb(112,221,190)
```
#80e1c5
```
#80e1c5 rgb(128,225,197)
```
#90e4cc
```
#90e4cc rgb(144,228,204)
```
#a0e8d3
```
#a0e8d3 rgb(160,232,211)
```
#afecdb
```
#afecdb rgb(175,236,219)
```
#bff0e2
```
#bff0e2 rgb(191,240,226)
```
#cff4e9
```
#cff4e9 rgb(207,244,233)
```
#dff7f0
```
#dff7f0 rgb(223,247,240)
```
#effbf8
```
#effbf8 rgb(239,251,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#515f5b
```
#515f5b rgb(81,95,91)
```
#4b655e
```
#4b655e rgb(75,101,94)
```
#446c61
```
#446c61 rgb(68,108,97)
```
#3d7363
```
#3d7363 rgb(61,115,99)
```
#367a66
```
#367a66 rgb(54,122,102)
```
#308069
```
#308069 rgb(48,128,105)
```
#29876c
```
#29876c rgb(41,135,108)
```
#228e6f
```
#228e6f rgb(34,142,111)
```
#1b9572
```
#1b9572 rgb(27,149,114)
```
#149c75
```
#149c75 rgb(20,156,117)
```
#0ea278
```
#0ea278 rgb(14,162,120)
```
#07a97b
```
#07a97b rgb(7,169,123)
```
#00b07d
```
#00b07d rgb(0,176,125)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5c716b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b846f Protanopia 1% of men
#93807d Deuteranopia 1% of men
#428f99 Tritanopia 0.001% of the population

Trichromacy

#65876f Protanomaly 1% of men, 0.01% of women
#6a8578 Deuteranomaly 6% of men, 0.4% of women
#368e8a Tritanomaly 0.01% of the population

#228e6f hex color

#228e6f Color Information

#228e6f Color Conversion

Color Schemes with #228e6f

Alternatives to #228e6f

#228e6f Preview

Shades and Tints of #228e6f

Tones of #228e6f

Color Blindness Simulator