#228c98 hex color

In a RGB color space, hex #228c98 is composed of 13.3% red, 54.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 7.9% magenta, 0% yellow and 40.4% black. It has a hue angle of 186.1 degrees, a saturation of 63.4% and a lightness of 36.5%. #228c98 color hex could be obtained by blending #44ffff with #001931. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 55
- B 60
RGB color chart
- C 78
- M 8
- Y 0
- K 40
CMYK color chart

● #228c98 color description : Dark cyan.

The hexadecimal color #228c98 has RGB values of R:34, G:140, B:152 and CMYK values of C:0.78, M:0.08, Y:0, K:0.4. Its decimal value is 2264216.

Hex triplet	228c98	`#228c98`
RGB Decimal	34, 140, 152	`rgb(34,140,152)`
RGB Percent	13.3, 54.9, 59.6	`rgb(13.3%,54.9%,59.6%)`
CMYK	78, 8, 0, 40
HSL	186.1°, 63.4, 36.5	`hsl(186.1,63.4%,36.5%)`
HSV (or HSB)	186.1°, 77.6, 59.6
Web Safe	339999	`#339999`

CIE-LAB	53.343, -24.531, -14.785
XYZ	15.704, 21.362, 33
xyY	0.224, 0.305, 21.362
CIE-LCH	53.343, 28.642, 211.078
CIE-LUV	53.343, -37.087, -18.377
Hunter-Lab	46.219, -20.235, -9.979
Binary	00100010, 10001100, 10011000

#228c98
```
#228c98 rgb(34,140,152)
```
#982e22
```
#982e22 rgb(152,46,34)
```

Complementary Color

#229869
```
#229869 rgb(34,152,105)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#225198
```
#225198 rgb(34,81,152)
```

Analogous Color

#986922
```
#986922 rgb(152,105,34)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#982251
```
#982251 rgb(152,34,81)
```

Split Complementary Color

#8c9822
```
#8c9822 rgb(140,152,34)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#98228c
```
#98228c rgb(152,34,140)
```

Triadic Color

#22982e
```
#22982e rgb(34,152,46)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#98228c
```
#98228c rgb(152,34,140)
```
#982e22
```
#982e22 rgb(152,46,34)
```

Tetradic Color

#145259
```
#145259 rgb(20,82,89)
```
#19666e
```
#19666e rgb(25,102,110)
```
#1d7983
```
#1d7983 rgb(29,121,131)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#279fad
```
#279fad rgb(39,159,173)
```
#2bb2c2
```
#2bb2c2 rgb(43,178,194)
```
#35c2d2
```
#35c2d2 rgb(53,194,210)
```

Monochromatic Color

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

#229887
```
#229887 rgb(34,152,135)
```
#229890
```
#229890 rgb(34,152,144)
```
#229698
```
#229698 rgb(34,150,152)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#228298
```
#228298 rgb(34,130,152)
```
#227898
```
#227898 rgb(34,120,152)
```
#226f98
```
#226f98 rgb(34,111,152)
```

Similar Colors

Text with hexadecimal color #228c98

This text has a font color of #228c98.

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

#228c98 background color

This paragraph has a background color of #228c98.

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

#228c98 border color

This element has a border color of #228c98.

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

CSS codes

.text {color:#228c98;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#051618
```
#051618 rgb(5,22,24)
```
#092528
```
#092528 rgb(9,37,40)
```
#0c3338
```
#0c3338 rgb(12,51,56)
```
#104248
```
#104248 rgb(16,66,72)
```
#145158
```
#145158 rgb(20,81,88)
```
#176068
```
#176068 rgb(23,96,104)
```
#1b6e78
```
#1b6e78 rgb(27,110,120)
```
#1e7d88
```
#1e7d88 rgb(30,125,136)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#269ba8
```
#269ba8 rgb(38,155,168)
```
#29aab8
```
#29aab8 rgb(41,170,184)
```
#2db8c8
```
#2db8c8 rgb(45,184,200)
```

Shade Color Variation

#36c2d2
```
#36c2d2 rgb(54,194,210)
```
#46c7d6
```
#46c7d6 rgb(70,199,214)
```
#56ccd9
```
#56ccd9 rgb(86,204,217)
```
#66d1dd
```
#66d1dd rgb(102,209,221)
```
#76d6e0
```
#76d6e0 rgb(118,214,224)
```
#86dbe4
```
#86dbe4 rgb(134,219,228)
```
#97dfe8
```
#97dfe8 rgb(151,223,232)
```
#a7e4eb
```
#a7e4eb rgb(167,228,235)
```
#b7e9ef
```
#b7e9ef rgb(183,233,239)
```
#c7eef2
```
#c7eef2 rgb(199,238,242)
```
#d7f3f6
```
#d7f3f6 rgb(215,243,246)
```
#e7f8fa
```
#e7f8fa rgb(231,248,250)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#5b5e5f
```
#5b5e5f rgb(91,94,95)
```
#546466
```
#546466 rgb(84,100,102)
```
#4d6a6d
```
#4d6a6d rgb(77,106,109)
```
#467074
```
#467074 rgb(70,112,116)
```
#3f757b
```
#3f757b rgb(63,117,123)
```
#377b83
```
#377b83 rgb(55,123,131)
```
#30818a
```
#30818a rgb(48,129,138)
```
#298691
```
#298691 rgb(41,134,145)
```
#228c98
```
#228c98 rgb(34,140,152)
```
#1b929f
```
#1b929f rgb(27,146,159)
```
#1497a6
```
#1497a6 rgb(20,151,166)
```
#0d9dad
```
#0d9dad rgb(13,157,173)
```
#05a3b5
```
#05a3b5 rgb(5,163,181)
```

Tone Color Variation

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

#838595 Protanopia 1% of men
#8283a2 Deuteranopia 1% of men
#2c929c Tritanopia 0.001% of the population

Trichromacy

#5f8796 Protanomaly 1% of men, 0.01% of women
#5f869e Deuteranomaly 6% of men, 0.4% of women
#288f9b Tritanomaly 0.01% of the population

#228c98 hex color

#228c98 Color Information

#228c98 Color Conversion

Color Schemes with #228c98

Alternatives to #228c98

#228c98 Preview

Shades and Tints of #228c98

Tones of #228c98

Color Blindness Simulator