#228b94 hex color

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

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

● #228b94 color description : Dark cyan.

The hexadecimal color #228b94 has RGB values of R:34, G:139, B:148 and CMYK values of C:0.77, M:0.06, Y:0, K:0.42. Its decimal value is 2263956.

Hex triplet	228b94	`#228b94`
RGB Decimal	34, 139, 148	`rgb(34,139,148)`
RGB Percent	13.3, 54.5, 58	`rgb(13.3%,54.5%,58%)`
CMYK	77, 6, 0, 42
HSL	184.7°, 62.6, 35.7	`hsl(184.7,62.6%,35.7%)`
HSV (or HSB)	184.7°, 77, 58
Web Safe	339999	`#339999`

CIE-LAB	52.886, -25.311, -13.162
XYZ	15.236, 20.942, 31.255
xyY	0.226, 0.311, 20.942
CIE-LCH	52.886, 28.529, 207.476
CIE-LUV	52.886, -36.994, -15.743
Hunter-Lab	45.762, -20.655, -8.46
Binary	00100010, 10001011, 10010100

#228b94
```
#228b94 rgb(34,139,148)
```
#942b22
```
#942b22 rgb(148,43,34)
```

Complementary Color

#229464
```
#229464 rgb(34,148,100)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#225294
```
#225294 rgb(34,82,148)
```

Analogous Color

#946422
```
#946422 rgb(148,100,34)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#942252
```
#942252 rgb(148,34,82)
```

Split Complementary Color

#8b9422
```
#8b9422 rgb(139,148,34)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#94228b
```
#94228b rgb(148,34,139)
```

Triadic Color

#22942b
```
#22942b rgb(34,148,43)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#94228b
```
#94228b rgb(148,34,139)
```
#942b22
```
#942b22 rgb(148,43,34)
```

Tetradic Color

#145156
```
#145156 rgb(20,81,86)
```
#18646b
```
#18646b rgb(24,100,107)
```
#1d787f
```
#1d787f rgb(29,120,127)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#279ea9
```
#279ea9 rgb(39,158,169)
```
#2cb2bd
```
#2cb2bd rgb(44,178,189)
```
#32c4d0
```
#32c4d0 rgb(50,196,208)
```

Monochromatic Color

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

#229481
```
#229481 rgb(34,148,129)
```
#22948a
```
#22948a rgb(34,148,138)
```
#229494
```
#229494 rgb(34,148,148)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#228294
```
#228294 rgb(34,130,148)
```
#227894
```
#227894 rgb(34,120,148)
```
#226f94
```
#226f94 rgb(34,111,148)
```

Similar Colors

Text with hexadecimal color #228b94

This text has a font color of #228b94.

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

#228b94 background color

This paragraph has a background color of #228b94.

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

#228b94 border color

This element has a border color of #228b94.

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

CSS codes

.text {color:#228b94;}

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

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

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)
```
#175e64
```
#175e64 rgb(23,94,100)
```
#1b6d74
```
#1b6d74 rgb(27,109,116)
```
#1e7c84
```
#1e7c84 rgb(30,124,132)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#269aa4
```
#269aa4 rgb(38,154,164)
```
#29a9b4
```
#29a9b4 rgb(41,169,180)
```
#2db8c4
```
#2db8c4 rgb(45,184,196)
```

Shade Color Variation

#34c4d0
```
#34c4d0 rgb(52,196,208)
```
#44c9d4
```
#44c9d4 rgb(68,201,212)
```
#54cdd8
```
#54cdd8 rgb(84,205,216)
```
#64d2db
```
#64d2db rgb(100,210,219)
```
#74d7df
```
#74d7df rgb(116,215,223)
```
#84dbe3
```
#84dbe3 rgb(132,219,227)
```
#94e0e6
```
#94e0e6 rgb(148,224,230)
```
#a4e4ea
```
#a4e4ea rgb(164,228,234)
```
#b4e9ee
```
#b4e9ee rgb(180,233,238)
```
#c4eef1
```
#c4eef1 rgb(196,238,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 #06a3b0 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)
```
#3e7378
```
#3e7378 rgb(62,115,120)
```
#37797f
```
#37797f rgb(55,121,127)
```
#307f86
```
#307f86 rgb(48,127,134)
```
#29858d
```
#29858d rgb(41,133,141)
```
#228b94
```
#228b94 rgb(34,139,148)
```
#1b919b
```
#1b919b rgb(27,145,155)
```
#1497a2
```
#1497a2 rgb(20,151,162)
```
#0d9da9
```
#0d9da9 rgb(13,157,169)
```
#06a3b0
```
#06a3b0 rgb(6,163,176)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5e7375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838491 Protanopia 1% of men
#83829f Deuteranopia 1% of men
#2f909b Tritanopia 0.001% of the population

Trichromacy

#5f8692 Protanomaly 1% of men, 0.01% of women
#60859b Deuteranomaly 6% of men, 0.4% of women
#2a8e98 Tritanomaly 0.01% of the population

#228b94 hex color

#228b94 Color Information

#228b94 Color Conversion

Color Schemes with #228b94

Alternatives to #228b94

#228b94 Preview

Shades and Tints of #228b94

Tones of #228b94

Color Blindness Simulator