#228d94 hex color

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

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

● #228d94 color description : Dark cyan.

The hexadecimal color #228d94 has RGB values of R:34, G:141, B:148 and CMYK values of C:0.77, M:0.05, Y:0, K:0.42. Its decimal value is 2264468.

Hex triplet	228d94	`#228d94`
RGB Decimal	34, 141, 148	`rgb(34,141,148)`
RGB Percent	13.3, 55.3, 58	`rgb(13.3%,55.3%,58%)`
CMYK	77, 5, 0, 42
HSL	183.7°, 62.6, 35.7	`hsl(183.7,62.6%,35.7%)`
HSV (or HSB)	183.7°, 77, 58
Web Safe	339999	`#339999`

CIE-LAB	53.521, -26.322, -12.204
XYZ	15.528, 21.526, 31.352
xyY	0.227, 0.315, 21.526
CIE-LCH	53.521, 29.014, 204.875
CIE-LUV	53.521, -37.725, -14.171
Hunter-Lab	46.397, -21.453, -7.587
Binary	00100010, 10001101, 10010100

#228d94
```
#228d94 rgb(34,141,148)
```
#942922
```
#942922 rgb(148,41,34)
```

Complementary Color

#229462
```
#229462 rgb(34,148,98)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#225494
```
#225494 rgb(34,84,148)
```

Analogous Color

#946222
```
#946222 rgb(148,98,34)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#942254
```
#942254 rgb(148,34,84)
```

Split Complementary Color

#8d9422
```
#8d9422 rgb(141,148,34)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#94228d
```
#94228d rgb(148,34,141)
```

Triadic Color

#229429
```
#229429 rgb(34,148,41)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#94228d
```
#94228d rgb(148,34,141)
```
#942922
```
#942922 rgb(148,41,34)
```

Tetradic Color

#145256
```
#145256 rgb(20,82,86)
```
#18656b
```
#18656b rgb(24,101,107)
```
#1d797f
```
#1d797f rgb(29,121,127)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#27a1a9
```
#27a1a9 rgb(39,161,169)
```
#2cb5bd
```
#2cb5bd rgb(44,181,189)
```
#32c6d0
```
#32c6d0 rgb(50,198,208)
```

Monochromatic Color

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

#22947f
```
#22947f rgb(34,148,127)
```
#229488
```
#229488 rgb(34,148,136)
```
#229492
```
#229492 rgb(34,148,146)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#228494
```
#228494 rgb(34,132,148)
```
#227a94
```
#227a94 rgb(34,122,148)
```
#227194
```
#227194 rgb(34,113,148)
```

Similar Colors

Text with hexadecimal color #228d94

This text has a font color of #228d94.

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

#228d94 background color

This paragraph has a background color of #228d94.

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

#228d94 border color

This element has a border color of #228d94.

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

CSS codes

.text {color:#228d94;}

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

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

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)
```
#082324
```
#082324 rgb(8,35,36)
```
#0c3234
```
#0c3234 rgb(12,50,52)
```
#104144
```
#104144 rgb(16,65,68)
```
#135054
```
#135054 rgb(19,80,84)
```
#175f64
```
#175f64 rgb(23,95,100)
```
#1b6f74
```
#1b6f74 rgb(27,111,116)
```
#1e7e84
```
#1e7e84 rgb(30,126,132)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#269ca4
```
#269ca4 rgb(38,156,164)
```
#29abb4
```
#29abb4 rgb(41,171,180)
```
#2dbbc4
```
#2dbbc4 rgb(45,187,196)
```

Shade Color Variation

#34c7d0
```
#34c7d0 rgb(52,199,208)
```
#44cbd4
```
#44cbd4 rgb(68,203,212)
```
#54d0d8
```
#54d0d8 rgb(84,208,216)
```
#64d4db
```
#64d4db rgb(100,212,219)
```
#74d8df
```
#74d8df rgb(116,216,223)
```
#84dde3
```
#84dde3 rgb(132,221,227)
```
#94e1e6
```
#94e1e6 rgb(148,225,230)
```
#a4e6ea
```
#a4e6ea rgb(164,230,234)
```
#b4eaee
```
#b4eaee rgb(180,234,238)
```
#c4eff1
```
#c4eff1 rgb(196,239,241)
```
#d4f3f5
```
#d4f3f5 rgb(212,243,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 #06a6b0 is the most saturated one.

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536263
```
#536263 rgb(83,98,99)
```
#4c686a
```
#4c686a rgb(76,104,106)
```
#456e71
```
#456e71 rgb(69,110,113)
```
#3e7478
```
#3e7478 rgb(62,116,120)
```
#377b7f
```
#377b7f rgb(55,123,127)
```
#308186
```
#308186 rgb(48,129,134)
```
#29878d
```
#29878d rgb(41,135,141)
```
#228d94
```
#228d94 rgb(34,141,148)
```
#1b939b
```
#1b939b rgb(27,147,155)
```
#1499a2
```
#1499a2 rgb(20,153,162)
```
#0d9fa9
```
#0d9fa9 rgb(13,159,169)
```
#06a6b0
```
#06a6b0 rgb(6,166,176)
```

Tone Color Variation

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

Dichromacy

#858591 Protanopia 1% of men
#85839f Deuteranopia 1% of men
#30929d Tritanopia 0.001% of the population

Trichromacy

#618892 Protanomaly 1% of men, 0.01% of women
#61879b Deuteranomaly 6% of men, 0.4% of women
#2b9099 Tritanomaly 0.01% of the population

#228d94 hex color

#228d94 Color Information

#228d94 Color Conversion

Color Schemes with #228d94

Alternatives to #228d94

#228d94 Preview

Shades and Tints of #228d94

Tones of #228d94

Color Blindness Simulator