#228c9a hex color

In a RGB color space, hex #228c9a is composed of 13.3% red, 54.9% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 9.1% magenta, 0% yellow and 39.6% black. It has a hue angle of 187 degrees, a saturation of 63.8% and a lightness of 36.9%. #228c9a color hex could be obtained by blending #44ffff with #001935. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 55
- B 60
RGB color chart
- C 78
- M 9
- Y 0
- K 40
CMYK color chart

● #228c9a color description : Dark cyan.

The hexadecimal color #228c9a has RGB values of R:34, G:140, B:154 and CMYK values of C:0.78, M:0.09, Y:0, K:0.4. Its decimal value is 2264218.

Hex triplet	228c9a	`#228c9a`
RGB Decimal	34, 140, 154	`rgb(34,140,154)`
RGB Percent	13.3, 54.9, 60.4	`rgb(13.3%,54.9%,60.4%)`
CMYK	78, 9, 0, 40
HSL	187°, 63.8, 36.9	`hsl(187,63.8%,36.9%)`
HSV (or HSB)	187°, 77.9, 60.4
Web Safe	339999	`#339999`

CIE-LAB	53.415, -23.88, -15.832
XYZ	15.869, 21.428, 33.87
xyY	0.223, 0.301, 21.428
CIE-LCH	53.415, 28.652, 213.544
CIE-LUV	53.415, -36.952, -20.093
Hunter-Lab	46.29, -19.816, -10.978
Binary	00100010, 10001100, 10011010

#228c9a
```
#228c9a rgb(34,140,154)
```
#9a3022
```
#9a3022 rgb(154,48,34)
```

Complementary Color

#229a6c
```
#229a6c rgb(34,154,108)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#22509a
```
#22509a rgb(34,80,154)
```

Analogous Color

#9a6c22
```
#9a6c22 rgb(154,108,34)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#9a2250
```
#9a2250 rgb(154,34,80)
```

Split Complementary Color

#8c9a22
```
#8c9a22 rgb(140,154,34)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#9a228c
```
#9a228c rgb(154,34,140)
```

Triadic Color

#229a30
```
#229a30 rgb(34,154,48)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#9a228c
```
#9a228c rgb(154,34,140)
```
#9a3022
```
#9a3022 rgb(154,48,34)
```

Tetradic Color

#14535b
```
#14535b rgb(20,83,91)
```
#196670
```
#196670 rgb(25,102,112)
```
#1d7985
```
#1d7985 rgb(29,121,133)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#279faf
```
#279faf rgb(39,159,175)
```
#2bb2c4
```
#2bb2c4 rgb(43,178,196)
```
#36c0d3
```
#36c0d3 rgb(54,192,211)
```

Monochromatic Color

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

#229a8a
```
#229a8a rgb(34,154,138)
```
#229a94
```
#229a94 rgb(34,154,148)
```
#22969a
```
#22969a rgb(34,150,154)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#22829a
```
#22829a rgb(34,130,154)
```
#22789a
```
#22789a rgb(34,120,154)
```
#226e9a
```
#226e9a rgb(34,110,154)
```

Similar Colors

Text with hexadecimal color #228c9a

This text has a font color of #228c9a.

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

#228c9a background color

This paragraph has a background color of #228c9a.

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

#228c9a border color

This element has a border color of #228c9a.

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

CSS codes

.text {color:#228c9a;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#061719
```
#061719 rgb(6,23,25)
```
#09262a
```
#09262a rgb(9,38,42)
```
#0d343a
```
#0d343a rgb(13,52,58)
```
#10434a
```
#10434a rgb(16,67,74)
```
#14525a
```
#14525a rgb(20,82,90)
```
#17606a
```
#17606a rgb(23,96,106)
```
#1b6f7a
```
#1b6f7a rgb(27,111,122)
```
#1e7d8a
```
#1e7d8a rgb(30,125,138)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#269baa
```
#269baa rgb(38,155,170)
```
#29a9ba
```
#29a9ba rgb(41,169,186)
```
#2db8ca
```
#2db8ca rgb(45,184,202)
```

Shade Color Variation

#38c1d3
```
#38c1d3 rgb(56,193,211)
```
#48c6d7
```
#48c6d7 rgb(72,198,215)
```
#58cbda
```
#58cbda rgb(88,203,218)
```
#68d0de
```
#68d0de rgb(104,208,222)
```
#78d5e1
```
#78d5e1 rgb(120,213,225)
```
#88dae5
```
#88dae5 rgb(136,218,229)
```
#98dfe8
```
#98dfe8 rgb(152,223,232)
```
#a8e4ec
```
#a8e4ec rgb(168,228,236)
```
#b8e9ef
```
#b8e9ef rgb(184,233,239)
```
#c8eef3
```
#c8eef3 rgb(200,238,243)
```
#d8f3f6
```
#d8f3f6 rgb(216,243,246)
```
#e8f8fa
```
#e8f8fa rgb(232,248,250)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6060 is the less saturated color, while #05a2b7 is the most saturated one.

#5c6060
```
#5c6060 rgb(92,96,96)
```
#556567
```
#556567 rgb(85,101,103)
```
#4d6b6f
```
#4d6b6f rgb(77,107,111)
```
#467076
```
#467076 rgb(70,112,118)
```
#3f767d
```
#3f767d rgb(63,118,125)
```
#387b84
```
#387b84 rgb(56,123,132)
```
#30818c
```
#30818c rgb(48,129,140)
```
#298693
```
#298693 rgb(41,134,147)
```
#228c9a
```
#228c9a rgb(34,140,154)
```
#1b92a1
```
#1b92a1 rgb(27,146,161)
```
#1497a8
```
#1497a8 rgb(20,151,168)
```
#0c9db0
```
#0c9db0 rgb(12,157,176)
```
#05a2b7
```
#05a2b7 rgb(5,162,183)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5f7477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828597 Protanopia 1% of men
#8283a4 Deuteranopia 1% of men
#2b929d Tritanopia 0.001% of the population

Trichromacy

#5f8798 Protanomaly 1% of men, 0.01% of women
#5f86a0 Deuteranomaly 6% of men, 0.4% of women
#27909b Tritanomaly 0.01% of the population

#228c9a hex color

#228c9a Color Information

#228c9a Color Conversion

Color Schemes with #228c9a

Alternatives to #228c9a

#228c9a Preview

Shades and Tints of #228c9a

Tones of #228c9a

Color Blindness Simulator