#228481 hex color

In a RGB color space, hex #228481 is composed of 13.3% red, 51.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 2.3% yellow and 48.2% black. It has a hue angle of 178.2 degrees, a saturation of 59% and a lightness of 32.5%. #228481 color hex could be obtained by blending #44ffff with #000903. Closest websafe color is: #339999.

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

● #228481 color description : Dark cyan.

The hexadecimal color #228481 has RGB values of R:34, G:132, B:129 and CMYK values of C:0.74, M:0, Y:0.02, K:0.48. Its decimal value is 2262145.

Hex triplet	228481	`#228481`
RGB Decimal	34, 132, 129	`rgb(34,132,129)`
RGB Percent	13.3, 51.8, 50.6	`rgb(13.3%,51.8%,50.6%)`
CMYK	74, 0, 2, 48
HSL	178.2°, 59, 32.5	`hsl(178.2,59%,32.5%)`
HSV (or HSB)	178.2°, 74.2, 51.8
Web Safe	339999	`#339999`

CIE-LAB	50.009, -27.755, -6.407
XYZ	12.872, 18.426, 23.646
xyY	0.234, 0.335, 18.426
CIE-LCH	50.009, 28.484, 192.999
CIE-LUV	50.009, -35.69, -5.162
Hunter-Lab	42.926, -21.594, -2.612
Binary	00100010, 10000100, 10000001

#228481
```
#228481 rgb(34,132,129)
```
#842225
```
#842225 rgb(132,34,37)
```

Complementary Color

#228450
```
#228450 rgb(34,132,80)
```
#228481
```
#228481 rgb(34,132,129)
```
#225684
```
#225684 rgb(34,86,132)
```

Analogous Color

#845022
```
#845022 rgb(132,80,34)
```
#228481
```
#228481 rgb(34,132,129)
```
#842256
```
#842256 rgb(132,34,86)
```

Split Complementary Color

#848122
```
#848122 rgb(132,129,34)
```
#228481
```
#228481 rgb(34,132,129)
```
#812284
```
#812284 rgb(129,34,132)
```

Triadic Color

#258422
```
#258422 rgb(37,132,34)
```
#228481
```
#228481 rgb(34,132,129)
```
#812284
```
#812284 rgb(129,34,132)
```
#842225
```
#842225 rgb(132,34,37)
```

Tetradic Color

#124746
```
#124746 rgb(18,71,70)
```
#185b59
```
#185b59 rgb(24,91,89)
```
#1d706d
```
#1d706d rgb(29,112,109)
```
#228481
```
#228481 rgb(34,132,129)
```
#279895
```
#279895 rgb(39,152,149)
```
#2cada9
```
#2cada9 rgb(44,173,169)
```
#32c1bc
```
#32c1bc rgb(50,193,188)
```

Monochromatic Color

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

#228469
```
#228469 rgb(34,132,105)
```
#228471
```
#228471 rgb(34,132,113)
```
#228479
```
#228479 rgb(34,132,121)
```
#228481
```
#228481 rgb(34,132,129)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#227784
```
#227784 rgb(34,119,132)
```
#226f84
```
#226f84 rgb(34,111,132)
```

Similar Colors

Text with hexadecimal color #228481

This text has a font color of #228481.

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

#228481 background color

This paragraph has a background color of #228481.

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

#228481 border color

This element has a border color of #228481.

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

CSS codes

.text {color:#228481;}

.background {background-color:#228481;}

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061716
```
#061716 rgb(6,23,22)
```
#0a2626
```
#0a2626 rgb(10,38,38)
```
#0e3635
```
#0e3635 rgb(14,54,53)
```
#124644
```
#124644 rgb(18,70,68)
```
#165553
```
#165553 rgb(22,85,83)
```
#1a6563
```
#1a6563 rgb(26,101,99)
```
#1e7472
```
#1e7472 rgb(30,116,114)
```
#228481
```
#228481 rgb(34,132,129)
```
#269490
```
#269490 rgb(38,148,144)
```
#2aa39f
```
#2aa39f rgb(42,163,159)
```
#2eb3af
```
#2eb3af rgb(46,179,175)
```
#32c2be
```
#32c2be rgb(50,194,190)
```

Shade Color Variation

#3bcdc8
```
#3bcdc8 rgb(59,205,200)
```
#4bd1cd
```
#4bd1cd rgb(75,209,205)
```
#5bd5d1
```
#5bd5d1 rgb(91,213,209)
```
#6ad9d5
```
#6ad9d5 rgb(106,217,213)
```
#7addda
```
#7addda rgb(122,221,218)
```
#89e1de
```
#89e1de rgb(137,225,222)
```
#99e5e2
```
#99e5e2 rgb(153,229,226)
```
#a9e9e7
```
#a9e9e7 rgb(169,233,231)
```
#b8edeb
```
#b8edeb rgb(184,237,235)
```
#c8f1f0
```
#c8f1f0 rgb(200,241,240)
```
#d7f5f4
```
#d7f5f4 rgb(215,245,244)
```
#e7f9f8
```
#e7f9f8 rgb(231,249,248)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#4f5757
```
#4f5757 rgb(79,87,87)
```
#485e5d
```
#485e5d rgb(72,94,93)
```
#426463
```
#426463 rgb(66,100,99)
```
#3c6a69
```
#3c6a69 rgb(60,106,105)
```
#35716f
```
#35716f rgb(53,113,111)
```
#2f7775
```
#2f7775 rgb(47,119,117)
```
#287e7b
```
#287e7b rgb(40,126,123)
```
#228481
```
#228481 rgb(34,132,129)
```
#1c8a87
```
#1c8a87 rgb(28,138,135)
```
#15918d
```
#15918d rgb(21,145,141)
```
#0f9793
```
#0f9793 rgb(15,151,147)
```
#089e99
```
#089e99 rgb(8,158,153)
```
#02a49f
```
#02a49f rgb(2,164,159)
```

Tone Color Variation

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

#7f7d80 Protanopia 1% of men
#827b8d Deuteranopia 1% of men
#358892 Tritanopia 0.001% of the population

Trichromacy

#5d7f80 Protanomaly 1% of men, 0.01% of women
#5f7e88 Deuteranomaly 6% of men, 0.4% of women
#2e868c Tritanomaly 0.01% of the population

#228481 hex color

#228481 Color Information

#228481 Color Conversion

Color Schemes with #228481

Alternatives to #228481

#228481 Preview

Shades and Tints of #228481

Tones of #228481

Color Blindness Simulator