#228c78 hex color

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

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

● #228c78 color description : Dark cyan.

The hexadecimal color #228c78 has RGB values of R:34, G:140, B:120 and CMYK values of C:0.76, M:0, Y:0.14, K:0.45. Its decimal value is 2264184.

Hex triplet	228c78	`#228c78`
RGB Decimal	34, 140, 120	`rgb(34,140,120)`
RGB Percent	13.3, 54.9, 47.1	`rgb(13.3%,54.9%,47.1%)`
CMYK	76, 0, 14, 45
HSL	168.7°, 60.9, 34.1	`hsl(168.7,60.9%,34.1%)`
HSV (or HSB)	168.7°, 75.7, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.343, -34.18, 2.265
XYZ	13.427, 20.451, 21.008
xyY	0.245, 0.373, 20.451
CIE-LCH	52.343, 34.255, 176.209
CIE-LUV	52.343, -39.257, 8.142
Hunter-Lab	45.223, -26.143, 4.113
Binary	00100010, 10001100, 01111000

#228c78
```
#228c78 rgb(34,140,120)
```
#8c2236
```
#8c2236 rgb(140,34,54)
```

Complementary Color

#228c43
```
#228c43 rgb(34,140,67)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#226b8c
```
#226b8c rgb(34,107,140)
```

Analogous Color

#8c4322
```
#8c4322 rgb(140,67,34)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#8c226b
```
#8c226b rgb(140,34,107)
```

Split Complementary Color

#8c7822
```
#8c7822 rgb(140,120,34)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#78228c
```
#78228c rgb(120,34,140)
```

Triadic Color

#368c22
```
#368c22 rgb(54,140,34)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#78228c
```
#78228c rgb(120,34,140)
```
#8c2236
```
#8c2236 rgb(140,34,54)
```

Tetradic Color

#134e43
```
#134e43 rgb(19,78,67)
```
#186355
```
#186355 rgb(24,99,85)
```
#1d7766
```
#1d7766 rgb(29,119,102)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#27a18a
```
#27a18a rgb(39,161,138)
```
#2cb59b
```
#2cb59b rgb(44,181,155)
```
#31caad
```
#31caad rgb(49,202,173)
```

Monochromatic Color

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

#228c5e
```
#228c5e rgb(34,140,94)
```
#228c66
```
#228c66 rgb(34,140,102)
```
#228c6f
```
#228c6f rgb(34,140,111)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#228c81
```
#228c81 rgb(34,140,129)
```
#228c8a
```
#228c8a rgb(34,140,138)
```
#22868c
```
#22868c rgb(34,134,140)
```

Similar Colors

Text with hexadecimal color #228c78

This text has a font color of #228c78.

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

#228c78 background color

This paragraph has a background color of #228c78.

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

#228c78 border color

This element has a border color of #228c78.

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

CSS codes

.text {color:#228c78;}

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

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

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)
```
#071e19
```
#071e19 rgb(7,30,25)
```
#0b2d27
```
#0b2d27 rgb(11,45,39)
```
#0f3d34
```
#0f3d34 rgb(15,61,52)
```
#134d42
```
#134d42 rgb(19,77,66)
```
#175d4f
```
#175d4f rgb(23,93,79)
```
#1a6c5d
```
#1a6c5d rgb(26,108,93)
```
#1e7c6a
```
#1e7c6a rgb(30,124,106)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#269c86
```
#269c86 rgb(38,156,134)
```
#2aac93
```
#2aac93 rgb(42,172,147)
```
#2dbba1
```
#2dbba1 rgb(45,187,161)
```
#31cbae
```
#31cbae rgb(49,203,174)
```

Shade Color Variation

#40d1b5
```
#40d1b5 rgb(64,209,181)
```
#4fd4bb
```
#4fd4bb rgb(79,212,187)
```
#5fd8c1
```
#5fd8c1 rgb(95,216,193)
```
#6fdcc7
```
#6fdcc7 rgb(111,220,199)
```
#7fe0ce
```
#7fe0ce rgb(127,224,206)
```
#8ee4d4
```
#8ee4d4 rgb(142,228,212)
```
#9ee8da
```
#9ee8da rgb(158,232,218)
```
#aeebe0
```
#aeebe0 rgb(174,235,224)
```
#beefe6
```
#beefe6 rgb(190,239,230)
```
#cef3ec
```
#cef3ec rgb(206,243,236)
```
#ddf7f2
```
#ddf7f2 rgb(221,247,242)
```
#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 #01ad8d is the most saturated one.

#515d5b
```
#515d5b rgb(81,93,91)
```
#4a645f
```
#4a645f rgb(74,100,95)
```
#436b63
```
#436b63 rgb(67,107,99)
```
#3d7167
```
#3d7167 rgb(61,113,103)
```
#36786b
```
#36786b rgb(54,120,107)
```
#2f7f70
```
#2f7f70 rgb(47,127,112)
```
#298574
```
#298574 rgb(41,133,116)
```
#228c78
```
#228c78 rgb(34,140,120)
```
#1b937c
```
#1b937c rgb(27,147,124)
```
#159980
```
#159980 rgb(21,153,128)
```
#0ea085
```
#0ea085 rgb(14,160,133)
```
#07a789
```
#07a789 rgb(7,167,137)
```
#01ad8d
```
#01ad8d rgb(1,173,141)
```

Tone Color Variation

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

#888377 Protanopia 1% of men
#8e7f85 Deuteranopia 1% of men
#3e8e98 Tritanopia 0.001% of the population

Trichromacy

#638677 Protanomaly 1% of men, 0.01% of women
#678480 Deuteranomaly 6% of men, 0.4% of women
#348d8c Tritanomaly 0.01% of the population

#228c78 hex color

#228c78 Color Information

#228c78 Color Conversion

Color Schemes with #228c78

Alternatives to #228c78

#228c78 Preview

Shades and Tints of #228c78

Tones of #228c78

Color Blindness Simulator