#228a94 hex color

In a RGB color space, hex #228a94 is composed of 13.3% red, 54.1% green and 58% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 6.8% magenta, 0% yellow and 42% black. It has a hue angle of 185.3 degrees, a saturation of 62.6% and a lightness of 35.7%. #228a94 color hex could be obtained by blending #44ffff with #001529. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 54
- B 58
RGB color chart
- C 77
- M 7
- Y 0
- K 42
CMYK color chart

● #228a94 color description : Dark cyan.

The hexadecimal color #228a94 has RGB values of R:34, G:138, B:148 and CMYK values of C:0.77, M:0.07, Y:0, K:0.42. Its decimal value is 2263700.

Hex triplet	228a94	`#228a94`
RGB Decimal	34, 138, 148	`rgb(34,138,148)`
RGB Percent	13.3, 54.1, 58	`rgb(13.3%,54.1%,58%)`
CMYK	77, 7, 0, 42
HSL	185.3°, 62.6, 35.7	`hsl(185.3,62.6%,35.7%)`
HSV (or HSB)	185.3°, 77, 58
Web Safe	339999	`#339999`

CIE-LAB	52.568, -24.802, -13.642
XYZ	15.092, 20.654, 31.207
xyY	0.225, 0.308, 20.654
CIE-LCH	52.568, 28.306, 208.813
CIE-LUV	52.568, -36.629, -16.53
Hunter-Lab	45.446, -20.255, -8.9
Binary	00100010, 10001010, 10010100

#228a94
```
#228a94 rgb(34,138,148)
```
#942c22
```
#942c22 rgb(148,44,34)
```

Complementary Color

#229465
```
#229465 rgb(34,148,101)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#225194
```
#225194 rgb(34,81,148)
```

Analogous Color

#946522
```
#946522 rgb(148,101,34)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#942251
```
#942251 rgb(148,34,81)
```

Split Complementary Color

#8a9422
```
#8a9422 rgb(138,148,34)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#94228a
```
#94228a rgb(148,34,138)
```

Triadic Color

#22942c
```
#22942c rgb(34,148,44)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#94228a
```
#94228a rgb(148,34,138)
```
#942c22
```
#942c22 rgb(148,44,34)
```

Tetradic Color

#145056
```
#145056 rgb(20,80,86)
```
#18636b
```
#18636b rgb(24,99,107)
```
#1d777f
```
#1d777f rgb(29,119,127)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#279da9
```
#279da9 rgb(39,157,169)
```
#2cb1bd
```
#2cb1bd rgb(44,177,189)
```
#32c2d0
```
#32c2d0 rgb(50,194,208)
```

Monochromatic Color

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

#229482
```
#229482 rgb(34,148,130)
```
#22948b
```
#22948b rgb(34,148,139)
```
#229494
```
#229494 rgb(34,148,148)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#228194
```
#228194 rgb(34,129,148)
```
#227794
```
#227794 rgb(34,119,148)
```
#226e94
```
#226e94 rgb(34,110,148)
```

Similar Colors

Text with hexadecimal color #228a94

This text has a font color of #228a94.

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

#228a94 background color

This paragraph has a background color of #228a94.

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

#228a94 border color

This element has a border color of #228a94.

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

CSS codes

.text {color:#228a94;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051314
```
#051314 rgb(5,19,20)
```
#082224
```
#082224 rgb(8,34,36)
```
#0c3134
```
#0c3134 rgb(12,49,52)
```
#104044
```
#104044 rgb(16,64,68)
```
#134f54
```
#134f54 rgb(19,79,84)
```
#175d64
```
#175d64 rgb(23,93,100)
```
#1b6c74
```
#1b6c74 rgb(27,108,116)
```
#1e7b84
```
#1e7b84 rgb(30,123,132)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#2699a4
```
#2699a4 rgb(38,153,164)
```
#29a8b4
```
#29a8b4 rgb(41,168,180)
```
#2db7c4
```
#2db7c4 rgb(45,183,196)
```

Shade Color Variation

#34c3d0
```
#34c3d0 rgb(52,195,208)
```
#44c7d4
```
#44c7d4 rgb(68,199,212)
```
#54ccd8
```
#54ccd8 rgb(84,204,216)
```
#64d1db
```
#64d1db rgb(100,209,219)
```
#74d6df
```
#74d6df rgb(116,214,223)
```
#84dae3
```
#84dae3 rgb(132,218,227)
```
#94dfe6
```
#94dfe6 rgb(148,223,230)
```
#a4e4ea
```
#a4e4ea rgb(164,228,234)
```
#b4e9ee
```
#b4e9ee rgb(180,233,238)
```
#c4edf1
```
#c4edf1 rgb(196,237,241)
```
#d4f2f5
```
#d4f2f5 rgb(212,242,245)
```
#e4f7f9
```
#e4f7f9 rgb(228,247,249)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Tint Color Variation

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

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536263
```
#536263 rgb(83,98,99)
```
#4c676a
```
#4c676a rgb(76,103,106)
```
#456d71
```
#456d71 rgb(69,109,113)
```
#3e7378
```
#3e7378 rgb(62,115,120)
```
#37797f
```
#37797f rgb(55,121,127)
```
#307e86
```
#307e86 rgb(48,126,134)
```
#29848d
```
#29848d rgb(41,132,141)
```
#228a94
```
#228a94 rgb(34,138,148)
```
#1b909b
```
#1b909b rgb(27,144,155)
```
#1496a2
```
#1496a2 rgb(20,150,162)
```
#0d9ba9
```
#0d9ba9 rgb(13,155,169)
```
#06a1b0
```
#06a1b0 rgb(6,161,176)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5d7274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828391 Protanopia 1% of men
#82819f Deuteranopia 1% of men
#2e8f9a Tritanopia 0.001% of the population

Trichromacy

#5f8592 Protanomaly 1% of men, 0.01% of women
#5f849b Deuteranomaly 6% of men, 0.4% of women
#298d98 Tritanomaly 0.01% of the population

#228a94 hex color

#228a94 Color Information

#228a94 Color Conversion

Color Schemes with #228a94

Alternatives to #228a94

#228a94 Preview

Shades and Tints of #228a94

Tones of #228a94

Color Blindness Simulator