#228270 hex color

In a RGB color space, hex #228270 is composed of 13.3% red, 51% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 13.8% yellow and 49% black. It has a hue angle of 168.8 degrees, a saturation of 58.5% and a lightness of 32.2%. #228270 color hex could be obtained by blending #44ffe0 with #000500. Closest websafe color is: #339966.

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

● #228270 color description : Dark cyan.

The hexadecimal color #228270 has RGB values of R:34, G:130, B:112 and CMYK values of C:0.74, M:0, Y:0.14, K:0.49. Its decimal value is 2261616.

Hex triplet	228270	`#228270`
RGB Decimal	34, 130, 112	`rgb(34,130,112)`
RGB Percent	13.3, 51, 43.9	`rgb(13.3%,51%,43.9%)`
CMYK	74, 0, 14, 49
HSL	168.8°, 58.5, 32.2	`hsl(168.8,58.5%,32.2%)`
HSV (or HSB)	168.8°, 73.8, 51
Web Safe	339966	`#339966`

CIE-LAB	48.852, -31.763, 1.862
XYZ	11.566, 17.474, 18.092
xyY	0.245, 0.371, 17.474
CIE-LCH	48.852, 31.818, 176.645
CIE-LUV	48.852, -36.054, 7.116
Hunter-Lab	41.802, -23.766, 3.601
Binary	00100010, 10000010, 01110000

#228270
```
#228270 rgb(34,130,112)
```
#822234
```
#822234 rgb(130,34,52)
```

Complementary Color

#228240
```
#228240 rgb(34,130,64)
```
#228270
```
#228270 rgb(34,130,112)
```
#226482
```
#226482 rgb(34,100,130)
```

Analogous Color

#824022
```
#824022 rgb(130,64,34)
```
#228270
```
#228270 rgb(34,130,112)
```
#822264
```
#822264 rgb(130,34,100)
```

Split Complementary Color

#827022
```
#827022 rgb(130,112,34)
```
#228270
```
#228270 rgb(34,130,112)
```
#702282
```
#702282 rgb(112,34,130)
```

Triadic Color

#348222
```
#348222 rgb(52,130,34)
```
#228270
```
#228270 rgb(34,130,112)
```
#702282
```
#702282 rgb(112,34,130)
```
#822234
```
#822234 rgb(130,34,52)
```

Tetradic Color

#12453c
```
#12453c rgb(18,69,60)
```
#175a4d
```
#175a4d rgb(23,90,77)
```
#1d6e5f
```
#1d6e5f rgb(29,110,95)
```
#228270
```
#228270 rgb(34,130,112)
```
#279681
```
#279681 rgb(39,150,129)
```
#2daa93
```
#2daa93 rgb(45,170,147)
```
#32bfa4
```
#32bfa4 rgb(50,191,164)
```

Monochromatic Color

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

#228258
```
#228258 rgb(34,130,88)
```
#228260
```
#228260 rgb(34,130,96)
```
#228268
```
#228268 rgb(34,130,104)
```
#228270
```
#228270 rgb(34,130,112)
```
#228278
```
#228278 rgb(34,130,120)
```
#228280
```
#228280 rgb(34,130,128)
```
#227c82
```
#227c82 rgb(34,124,130)
```

Similar Colors

Text with hexadecimal color #228270

This text has a font color of #228270.

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

#228270 background color

This paragraph has a background color of #228270.

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

#228270 border color

This element has a border color of #228270.

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

CSS codes

.text {color:#228270;}

.background {background-color:#228270;}

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

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

#010605
```
#010605 rgb(1,6,5)
```
#061512
```
#061512 rgb(6,21,18)
```
#0a2520
```
#0a2520 rgb(10,37,32)
```
#0e342d
```
#0e342d rgb(14,52,45)
```
#12443a
```
#12443a rgb(18,68,58)
```
#165348
```
#165348 rgb(22,83,72)
```
#1a6355
```
#1a6355 rgb(26,99,85)
```
#1e7263
```
#1e7263 rgb(30,114,99)
```
#228270
```
#228270 rgb(34,130,112)
```
#26927d
```
#26927d rgb(38,146,125)
```
#2aa18b
```
#2aa18b rgb(42,161,139)
```
#2eb198
```
#2eb198 rgb(46,177,152)
```
#32c0a6
```
#32c0a6 rgb(50,192,166)
```

Shade Color Variation

#3accb0
```
#3accb0 rgb(58,204,176)
```
#4ad0b7
```
#4ad0b7 rgb(74,208,183)
```
#5ad4bd
```
#5ad4bd rgb(90,212,189)
```
#69d8c3
```
#69d8c3 rgb(105,216,195)
```
#79dcc9
```
#79dcc9 rgb(121,220,201)
```
#88e0cf
```
#88e0cf rgb(136,224,207)
```
#98e4d6
```
#98e4d6 rgb(152,228,214)
```
#a7e8dc
```
#a7e8dc rgb(167,232,220)
```
#b7ece2
```
#b7ece2 rgb(183,236,226)
```
#c6f0e8
```
#c6f0e8 rgb(198,240,232)
```
#d6f4ef
```
#d6f4ef rgb(214,244,239)
```
#e6f8f5
```
#e6f8f5 rgb(230,248,245)
```
#f5fcfb
```
#f5fcfb rgb(245,252,251)
```

Tint Color Variation

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

#4e5654
```
#4e5654 rgb(78,86,84)
```
#485c58
```
#485c58 rgb(72,92,88)
```
#42625c
```
#42625c rgb(66,98,92)
```
#3b6960
```
#3b6960 rgb(59,105,96)
```
#356f64
```
#356f64 rgb(53,111,100)
```
#2f7568
```
#2f7568 rgb(47,117,104)
```
#287c6c
```
#287c6c rgb(40,124,108)
```
#228270
```
#228270 rgb(34,130,112)
```
#1c8874
```
#1c8874 rgb(28,136,116)
```
#158f78
```
#158f78 rgb(21,143,120)
```
#0f957c
```
#0f957c rgb(15,149,124)
```
#099b80
```
#099b80 rgb(9,155,128)
```
#02a284
```
#02a284 rgb(2,162,132)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#566966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a70 Protanopia 1% of men
#85777d Deuteranopia 1% of men
#3c858e Tritanopia 0.001% of the population

Trichromacy

#5d7d70 Protanomaly 1% of men, 0.01% of women
#617b78 Deuteranomaly 6% of men, 0.4% of women
#328383 Tritanomaly 0.01% of the population

#228270 hex color

#228270 Color Information

#228270 Color Conversion

Color Schemes with #228270

Alternatives to #228270

#228270 Preview

Shades and Tints of #228270

Tones of #228270

Color Blindness Simulator