#228381 hex color

In a RGB color space, hex #228381 is composed of 13.3% red, 51.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 0% magenta, 1.5% yellow and 48.6% black. It has a hue angle of 178.8 degrees, a saturation of 58.8% and a lightness of 32.4%. #228381 color hex could be obtained by blending #44ffff with #000703. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 51
- B 51
RGB color chart
- C 74
- M 0
- Y 2
- K 49
CMYK color chart

● #228381 color description : Dark cyan.

The hexadecimal color #228381 has RGB values of R:34, G:131, B:129 and CMYK values of C:0.74, M:0, Y:0.02, K:0.49. Its decimal value is 2261889.

Hex triplet	228381	`#228381`
RGB Decimal	34, 131, 129	`rgb(34,131,129)`
RGB Percent	13.3, 51.4, 50.6	`rgb(13.3%,51.4%,50.6%)`
CMYK	74, 0, 2, 49
HSL	178.8°, 58.8, 32.4	`hsl(178.8,58.8%,32.4%)`
HSV (or HSB)	178.8°, 74, 51.4
Web Safe	339999	`#339999`

CIE-LAB	49.685, -27.259, -6.889
XYZ	12.737, 18.156, 23.601
xyY	0.234, 0.333, 18.156
CIE-LCH	49.685, 28.116, 194.183
CIE-LUV	49.685, -35.318, -5.929
Hunter-Lab	42.61, -21.211, -3.012
Binary	00100010, 10000011, 10000001

#228381
```
#228381 rgb(34,131,129)
```
#832224
```
#832224 rgb(131,34,36)
```

Complementary Color

#228351
```
#228351 rgb(34,131,81)
```
#228381
```
#228381 rgb(34,131,129)
```
#225583
```
#225583 rgb(34,85,131)
```

Analogous Color

#835122
```
#835122 rgb(131,81,34)
```
#228381
```
#228381 rgb(34,131,129)
```
#832255
```
#832255 rgb(131,34,85)
```

Split Complementary Color

#838122
```
#838122 rgb(131,129,34)
```
#228381
```
#228381 rgb(34,131,129)
```
#812283
```
#812283 rgb(129,34,131)
```

Triadic Color

#248322
```
#248322 rgb(36,131,34)
```
#228381
```
#228381 rgb(34,131,129)
```
#812283
```
#812283 rgb(129,34,131)
```
#832224
```
#832224 rgb(131,34,36)
```

Tetradic Color

#124645
```
#124645 rgb(18,70,69)
```
#175b59
```
#175b59 rgb(23,91,89)
```
#1d6f6d
```
#1d6f6d rgb(29,111,109)
```
#228381
```
#228381 rgb(34,131,129)
```
#279795
```
#279795 rgb(39,151,149)
```
#2daba9
```
#2daba9 rgb(45,171,169)
```
#32c0bd
```
#32c0bd rgb(50,192,189)
```

Monochromatic Color

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

#228369
```
#228369 rgb(34,131,105)
```
#228371
```
#228371 rgb(34,131,113)
```
#228379
```
#228379 rgb(34,131,121)
```
#228381
```
#228381 rgb(34,131,129)
```
#227d83
```
#227d83 rgb(34,125,131)
```
#227583
```
#227583 rgb(34,117,131)
```
#226d83
```
#226d83 rgb(34,109,131)
```

Similar Colors

Text with hexadecimal color #228381

This text has a font color of #228381.

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

#228381 background color

This paragraph has a background color of #228381.

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

#228381 border color

This element has a border color of #228381.

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

CSS codes

.text {color:#228381;}

.background {background-color:#228381;}

.border {border:1px solid #228381;}

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

#020606
```
#020606 rgb(2,6,6)
```
#061616
```
#061616 rgb(6,22,22)
```
#0a2625
```
#0a2625 rgb(10,38,37)
```
#0e3534
```
#0e3534 rgb(14,53,52)
```
#124544
```
#124544 rgb(18,69,68)
```
#165453
```
#165453 rgb(22,84,83)
```
#1a6462
```
#1a6462 rgb(26,100,98)
```
#1e7372
```
#1e7372 rgb(30,115,114)
```
#228381
```
#228381 rgb(34,131,129)
```
#269390
```
#269390 rgb(38,147,144)
```
#2aa2a0
```
#2aa2a0 rgb(42,162,160)
```
#2eb2af
```
#2eb2af rgb(46,178,175)
```
#32c1be
```
#32c1be rgb(50,193,190)
```

Shade Color Variation

#3bccc9
```
#3bccc9 rgb(59,204,201)
```
#4bd0cd
```
#4bd0cd rgb(75,208,205)
```
#5ad4d2
```
#5ad4d2 rgb(90,212,210)
```
#6ad8d6
```
#6ad8d6 rgb(106,216,214)
```
#79dcda
```
#79dcda rgb(121,220,218)
```
#89e0df
```
#89e0df rgb(137,224,223)
```
#98e4e3
```
#98e4e3 rgb(152,228,227)
```
#a8e8e7
```
#a8e8e7 rgb(168,232,231)
```
#b8eceb
```
#b8eceb rgb(184,236,235)
```
#c7f0f0
```
#c7f0f0 rgb(199,240,240)
```
#d7f5f4
```
#d7f5f4 rgb(215,245,244)
```
#e6f9f8
```
#e6f9f8 rgb(230,249,248)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5756 is the less saturated color, while #02a39f is the most saturated one.

#4e5756
```
#4e5756 rgb(78,87,86)
```
#485d5c
```
#485d5c rgb(72,93,92)
```
#426363
```
#426363 rgb(66,99,99)
```
#3b6a69
```
#3b6a69 rgb(59,106,105)
```
#35706f
```
#35706f rgb(53,112,111)
```
#2f7675
```
#2f7675 rgb(47,118,117)
```
#287d7b
```
#287d7b rgb(40,125,123)
```
#228381
```
#228381 rgb(34,131,129)
```
#1c8987
```
#1c8987 rgb(28,137,135)
```
#15908d
```
#15908d rgb(21,144,141)
```
#0f9693
```
#0f9693 rgb(15,150,147)
```
#099c99
```
#099c99 rgb(9,156,153)
```
#02a39f
```
#02a39f rgb(2,163,159)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#586c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7c80 Protanopia 1% of men
#817a8d Deuteranopia 1% of men
#358791 Tritanopia 0.001% of the population

Trichromacy

#5c7e80 Protanomaly 1% of men, 0.01% of women
#5e7d88 Deuteranomaly 6% of men, 0.4% of women
#2e868b Tritanomaly 0.01% of the population

#228381 hex color

#228381 Color Information

#228381 Color Conversion

Color Schemes with #228381

Alternatives to #228381

#228381 Preview

Shades and Tints of #228381

Tones of #228381

Color Blindness Simulator