colorhexa.com

#227e5f hex color

In a RGB color space, hex #227e5f is composed of 13.3% red, 49.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 24.6% yellow and 50.6% black. It has a hue angle of 159.8 degrees, a saturation of 57.5% and a lightness of 31.4%. #227e5f color hex could be obtained by blending #44fcbe with #000000. Closest websafe color is: #336666.

- R 13
- G 49
- B 37
RGB color chart
- C 73
- M 0
- Y 25
- K 51
CMYK color chart

● #227e5f color description : Dark cyan - lime green.

The hexadecimal color #227e5f has RGB values of R:34, G:126, B:95 and CMYK values of C:0.73, M:0, Y:0.25, K:0.51. Its decimal value is 2260575.

Hex triplet	227e5f	`#227e5f`
RGB Decimal	34, 126, 95	`rgb(34,126,95)`
RGB Percent	13.3, 49.4, 37.3	`rgb(13.3%,49.4%,37.3%)`
CMYK	73, 0, 25, 51
HSL	159.8°, 57.5, 31.4	`hsl(159.8,57.5%,31.4%)`
HSV (or HSB)	159.8°, 73, 49.4
Web Safe	336666	`#336666`

CIE-LAB	47.089, -34.442, 9.306
XYZ	10.185, 16.087, 13.394
xyY	0.257, 0.406, 16.087
CIE-LCH	47.089, 35.677, 164.881
CIE-LUV	47.089, -35.602, 17.172
Hunter-Lab	40.109, -24.861, 8.276
Binary	00100010, 01111110, 01011111

#227e5f
```
#227e5f rgb(34,126,95)
```
#7e2241
```
#7e2241 rgb(126,34,65)
```

Complementary Color

#227e31
```
#227e31 rgb(34,126,49)
```
#227e5f
```
#227e5f rgb(34,126,95)
```
#226f7e
```
#226f7e rgb(34,111,126)
```

Analogous Color

#7e3122
```
#7e3122 rgb(126,49,34)
```
#227e5f
```
#227e5f rgb(34,126,95)
```
#7e226f
```
#7e226f rgb(126,34,111)
```

Split Complementary Color

#7e5f22
```
#7e5f22 rgb(126,95,34)
```
#227e5f
```
#227e5f rgb(34,126,95)
```
#5f227e
```
#5f227e rgb(95,34,126)
```

Triadic Color

#124232
```
#124232 rgb(18,66,50)
```
#175641
```
#175641 rgb(23,86,65)
```
#1d6a50
```
#1d6a50 rgb(29,106,80)
```
#227e5f
```
#227e5f rgb(34,126,95)
```
#27926e
```
#27926e rgb(39,146,110)
```
#2da67d
```
#2da67d rgb(45,166,125)
```
#32ba8c
```
#32ba8c rgb(50,186,140)
```

Monochromatic Color

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

#227e48
```
#227e48 rgb(34,126,72)
```
#227e50
```
#227e50 rgb(34,126,80)
```
#227e57
```
#227e57 rgb(34,126,87)
```
#227e5f
```
#227e5f rgb(34,126,95)
```
#227e67
```
#227e67 rgb(34,126,103)
```
#227e6e
```
#227e6e rgb(34,126,110)
```
#227e76
```
#227e76 rgb(34,126,118)
```

Similar Colors

Text with hexadecimal color #227e5f

This text has a font color of #227e5f.

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

#227e5f background color

This paragraph has a background color of #227e5f.

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

#227e5f border color

This element has a border color of #227e5f.

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

CSS codes

.text {color:#227e5f;}

.background {background-color:#227e5f;}

.border {border:1px solid #227e5f;}

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

#010202
```
#010202 rgb(1,2,2)
```
#05120d
```
#05120d rgb(5,18,13)
```
#092119
```
#092119 rgb(9,33,25)
```
#0d3125
```
#0d3125 rgb(13,49,37)
```
#114030
```
#114030 rgb(17,64,48)
```
#15503c
```
#15503c rgb(21,80,60)
```
#1a5f48
```
#1a5f48 rgb(26,95,72)
```
#1e6f53
```
#1e6f53 rgb(30,111,83)
```
#227e5f
```
#227e5f rgb(34,126,95)
```
#268d6b
```
#268d6b rgb(38,141,107)
```
#2a9d76
```
#2a9d76 rgb(42,157,118)
```
#2fac82
```
#2fac82 rgb(47,172,130)
```
#33bc8e
```
#33bc8e rgb(51,188,142)
```

Shade Color Variation

#39c999
```
#39c999 rgb(57,201,153)
```
#48cea1
```
#48cea1 rgb(72,206,161)
```
#58d2a9
```
#58d2a9 rgb(88,210,169)
```
#67d6b1
```
#67d6b1 rgb(103,214,177)
```
#76dab9
```
#76dab9 rgb(118,218,185)
```
#86dec1
```
#86dec1 rgb(134,222,193)
```
#95e2c8
```
#95e2c8 rgb(149,226,200)
```
#a5e7d0
```
#a5e7d0 rgb(165,231,208)
```
#b4ebd8
```
#b4ebd8 rgb(180,235,216)
```
#c4efe0
```
#c4efe0 rgb(196,239,224)
```
#d3f3e8
```
#d3f3e8 rgb(211,243,232)
```
#e3f7f0
```
#e3f7f0 rgb(227,247,240)
```
#f2fbf8
```
#f2fbf8 rgb(242,251,248)
```

Tint Color Variation

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

#4d5351
```
#4d5351 rgb(77,83,81)
```
#475953
```
#475953 rgb(71,89,83)
```
#415f55
```
#415f55 rgb(65,95,85)
```
#3b6557
```
#3b6557 rgb(59,101,87)
```
#346c59
```
#346c59 rgb(52,108,89)
```
#2e725b
```
#2e725b rgb(46,114,91)
```
#28785d
```
#28785d rgb(40,120,93)
```
#227e5f
```
#227e5f rgb(34,126,95)
```
#1c8461
```
#1c8461 rgb(28,132,97)
```
#168a63
```
#168a63 rgb(22,138,99)
```
#109065
```
#109065 rgb(16,144,101)
```
#099767
```
#099767 rgb(9,151,103)
```
#039d69
```
#039d69 rgb(3,157,105)
```

Tone Color Variation

Below, you can see how #227e5f 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
#53655f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7661 Protanopia 1% of men
#85736d Deuteranopia 1% of men
#3f8089 Tritanopia 0.001% of the population

Trichromacy

#5c7960 Protanomaly 1% of men, 0.01% of women
#617768 Deuteranomaly 6% of men, 0.4% of women
#347f79 Tritanomaly 0.01% of the population