#228c7a hex color

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

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

● #228c7a color description : Dark cyan.

The hexadecimal color #228c7a has RGB values of R:34, G:140, B:122 and CMYK values of C:0.76, M:0, Y:0.13, K:0.45. Its decimal value is 2264186.

Hex triplet	228c7a	`#228c7a`
RGB Decimal	34, 140, 122	`rgb(34,140,122)`
RGB Percent	13.3, 54.9, 47.8	`rgb(13.3%,54.9%,47.8%)`
CMYK	76, 0, 13, 45
HSL	169.8°, 60.9, 34.1	`hsl(169.8,60.9%,34.1%)`
HSV (or HSB)	169.8°, 75.7, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.398, -33.624, 1.187
XYZ	13.549, 20.5, 21.654
xyY	0.243, 0.368, 20.5
CIE-LCH	52.398, 33.645, 177.979
CIE-LUV	52.398, -39.124, 6.559
Hunter-Lab	45.277, -25.818, 3.338
Binary	00100010, 10001100, 01111010

#228c7a
```
#228c7a rgb(34,140,122)
```
#8c2234
```
#8c2234 rgb(140,34,52)
```

Complementary Color

#228c45
```
#228c45 rgb(34,140,69)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#22698c
```
#22698c rgb(34,105,140)
```

Analogous Color

#8c4522
```
#8c4522 rgb(140,69,34)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#8c2269
```
#8c2269 rgb(140,34,105)
```

Split Complementary Color

#8c7a22
```
#8c7a22 rgb(140,122,34)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#7a228c
```
#7a228c rgb(122,34,140)
```

Triadic Color

#348c22
```
#348c22 rgb(52,140,34)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#7a228c
```
#7a228c rgb(122,34,140)
```
#8c2234
```
#8c2234 rgb(140,34,52)
```

Tetradic Color

#134e44
```
#134e44 rgb(19,78,68)
```
#186356
```
#186356 rgb(24,99,86)
```
#1d7768
```
#1d7768 rgb(29,119,104)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#27a18c
```
#27a18c rgb(39,161,140)
```
#2cb59e
```
#2cb59e rgb(44,181,158)
```
#31cab0
```
#31cab0 rgb(49,202,176)
```

Monochromatic Color

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

#228c60
```
#228c60 rgb(34,140,96)
```
#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)
```
#22848c
```
#22848c rgb(34,132,140)
```

Similar Colors

Text with hexadecimal color #228c7a

This text has a font color of #228c7a.

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

#228c7a background color

This paragraph has a background color of #228c7a.

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

#228c7a border color

This element has a border color of #228c7a.

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

CSS codes

.text {color:#228c7a;}

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

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

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

#030e0c
```
#030e0c rgb(3,14,12)
```
#071e1a
```
#071e1a rgb(7,30,26)
```
#0b2d27
```
#0b2d27 rgb(11,45,39)
```
#0f3d35
```
#0f3d35 rgb(15,61,53)
```
#134d43
```
#134d43 rgb(19,77,67)
```
#175d51
```
#175d51 rgb(23,93,81)
```
#1a6c5e
```
#1a6c5e rgb(26,108,94)
```
#1e7c6c
```
#1e7c6c rgb(30,124,108)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#269c88
```
#269c88 rgb(38,156,136)
```
#2aac96
```
#2aac96 rgb(42,172,150)
```
#2dbba3
```
#2dbba3 rgb(45,187,163)
```
#31cbb1
```
#31cbb1 rgb(49,203,177)
```

Shade Color Variation

#40d1b8
```
#40d1b8 rgb(64,209,184)
```
#4fd4be
```
#4fd4be rgb(79,212,190)
```
#5fd8c4
```
#5fd8c4 rgb(95,216,196)
```
#6fdcc9
```
#6fdcc9 rgb(111,220,201)
```
#7fe0cf
```
#7fe0cf rgb(127,224,207)
```
#8ee4d5
```
#8ee4d5 rgb(142,228,213)
```
#9ee8db
```
#9ee8db rgb(158,232,219)
```
#aeebe1
```
#aeebe1 rgb(174,235,225)
```
#beefe7
```
#beefe7 rgb(190,239,231)
```
#cef3ed
```
#cef3ed rgb(206,243,237)
```
#ddf7f3
```
#ddf7f3 rgb(221,247,243)
```
#edfbf8
```
#edfbf8 rgb(237,251,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#515d5b
```
#515d5b rgb(81,93,91)
```
#4a645f
```
#4a645f rgb(74,100,95)
```
#436b64
```
#436b64 rgb(67,107,100)
```
#3d7168
```
#3d7168 rgb(61,113,104)
```
#36786d
```
#36786d rgb(54,120,109)
```
#2f7f71
```
#2f7f71 rgb(47,127,113)
```
#298576
```
#298576 rgb(41,133,118)
```
#228c7a
```
#228c7a rgb(34,140,122)
```
#1b937e
```
#1b937e rgb(27,147,126)
```
#159983
```
#159983 rgb(21,153,131)
```
#0ea087
```
#0ea087 rgb(14,160,135)
```
#07a78c
```
#07a78c rgb(7,167,140)
```
#01ad90
```
#01ad90 rgb(1,173,144)
```

Tone Color Variation

Below, you can see how #228c7a 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
#5c716d Atypical Achromatopsia 0.001% of the population

Dichromacy

#888379 Protanopia 1% of men
#8e8087 Deuteranopia 1% of men
#3d8e98 Tritanopia 0.001% of the population

Trichromacy

#638679 Protanomaly 1% of men, 0.01% of women
#668482 Deuteranomaly 6% of men, 0.4% of women
#338d8d Tritanomaly 0.01% of the population

#228c7a hex color

#228c7a Color Information

#228c7a Color Conversion

Color Schemes with #228c7a

Alternatives to #228c7a

#228c7a Preview

Shades and Tints of #228c7a

Tones of #228c7a

Color Blindness Simulator