#228680 hex color

In a RGB color space, hex #228680 is composed of 13.3% red, 52.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 4.5% yellow and 47.5% black. It has a hue angle of 176.4 degrees, a saturation of 59.5% and a lightness of 32.9%. #228680 color hex could be obtained by blending #44ffff with #000d01. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 53
- B 50
RGB color chart
- C 75
- M 0
- Y 4
- K 47
CMYK color chart

● #228680 color description : Dark cyan.

The hexadecimal color #228680 has RGB values of R:34, G:134, B:128 and CMYK values of C:0.75, M:0, Y:0.04, K:0.47. Its decimal value is 2262656.

Hex triplet	228680	`#228680`
RGB Decimal	34, 134, 128	`rgb(34,134,128)`
RGB Percent	13.3, 52.5, 50.2	`rgb(13.3%,52.5%,50.2%)`
CMYK	75, 0, 4, 47
HSL	176.4°, 59.5, 32.9	`hsl(176.4,59.5%,32.9%)`
HSV (or HSB)	176.4°, 74.6, 52.5
Web Safe	339999	`#339999`

CIE-LAB	50.626, -29.039, -4.907
XYZ	13.08, 18.948, 23.389
xyY	0.236, 0.342, 18.948
CIE-LCH	50.626, 29.45, 189.59
CIE-LUV	50.626, -36.499, -2.806
Hunter-Lab	43.529, -22.539, -1.387
Binary	00100010, 10000110, 10000000

#228680
```
#228680 rgb(34,134,128)
```
#862228
```
#862228 rgb(134,34,40)
```

Complementary Color

#22864e
```
#22864e rgb(34,134,78)
```
#228680
```
#228680 rgb(34,134,128)
```
#225a86
```
#225a86 rgb(34,90,134)
```

Analogous Color

#864e22
```
#864e22 rgb(134,78,34)
```
#228680
```
#228680 rgb(34,134,128)
```
#86225a
```
#86225a rgb(134,34,90)
```

Split Complementary Color

#868022
```
#868022 rgb(134,128,34)
```
#228680
```
#228680 rgb(34,134,128)
```
#802286
```
#802286 rgb(128,34,134)
```

Triadic Color

#288622
```
#288622 rgb(40,134,34)
```
#228680
```
#228680 rgb(34,134,128)
```
#802286
```
#802286 rgb(128,34,134)
```
#862228
```
#862228 rgb(134,34,40)
```

Tetradic Color

#134946
```
#134946 rgb(19,73,70)
```
#185d59
```
#185d59 rgb(24,93,89)
```
#1d726d
```
#1d726d rgb(29,114,109)
```
#228680
```
#228680 rgb(34,134,128)
```
#279a93
```
#279a93 rgb(39,154,147)
```
#2cafa7
```
#2cafa7 rgb(44,175,167)
```
#31c3ba
```
#31c3ba rgb(49,195,186)
```

Monochromatic Color

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

#228667
```
#228667 rgb(34,134,103)
```
#22866f
```
#22866f rgb(34,134,111)
```
#228678
```
#228678 rgb(34,134,120)
```
#228680
```
#228680 rgb(34,134,128)
```
#228486
```
#228486 rgb(34,132,134)
```
#227b86
```
#227b86 rgb(34,123,134)
```
#227386
```
#227386 rgb(34,115,134)
```

Similar Colors

Text with hexadecimal color #228680

This text has a font color of #228680.

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

#228680 background color

This paragraph has a background color of #228680.

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

#228680 border color

This element has a border color of #228680.

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

CSS codes

.text {color:#228680;}

.background {background-color:#228680;}

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

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

#020908
```
#020908 rgb(2,9,8)
```
#061817
```
#061817 rgb(6,24,23)
```
#0a2826
```
#0a2826 rgb(10,40,38)
```
#0e3835
```
#0e3835 rgb(14,56,53)
```
#124744
```
#124744 rgb(18,71,68)
```
#165753
```
#165753 rgb(22,87,83)
```
#1a6762
```
#1a6762 rgb(26,103,98)
```
#1e7671
```
#1e7671 rgb(30,118,113)
```
#228680
```
#228680 rgb(34,134,128)
```
#26968f
```
#26968f rgb(38,150,143)
```
#2aa59e
```
#2aa59e rgb(42,165,158)
```
#2eb5ad
```
#2eb5ad rgb(46,181,173)
```
#32c5bc
```
#32c5bc rgb(50,197,188)
```

Shade Color Variation

#3ccec5
```
#3ccec5 rgb(60,206,197)
```
#4cd2ca
```
#4cd2ca rgb(76,210,202)
```
#5cd6ce
```
#5cd6ce rgb(92,214,206)
```
#6bdad3
```
#6bdad3 rgb(107,218,211)
```
#7bded8
```
#7bded8 rgb(123,222,216)
```
#8be1dc
```
#8be1dc rgb(139,225,220)
```
#9ae5e1
```
#9ae5e1 rgb(154,229,225)
```
#aae9e6
```
#aae9e6 rgb(170,233,230)
```
#baedea
```
#baedea rgb(186,237,234)
```
#c9f1ef
```
#c9f1ef rgb(201,241,239)
```
#d9f5f4
```
#d9f5f4 rgb(217,245,244)
```
#e9f9f8
```
#e9f9f8 rgb(233,249,248)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#4f5958
```
#4f5958 rgb(79,89,88)
```
#495f5e
```
#495f5e rgb(73,95,94)
```
#426664
```
#426664 rgb(66,102,100)
```
#3c6c69
```
#3c6c69 rgb(60,108,105)
```
#35736f
```
#35736f rgb(53,115,111)
```
#2f7975
```
#2f7975 rgb(47,121,117)
```
#28807a
```
#28807a rgb(40,128,122)
```
#228680
```
#228680 rgb(34,134,128)
```
#1c8c86
```
#1c8c86 rgb(28,140,134)
```
#15938b
```
#15938b rgb(21,147,139)
```
#0f9991
```
#0f9991 rgb(15,153,145)
```
#08a097
```
#08a097 rgb(8,160,151)
```
#02a69c
```
#02a69c rgb(2,166,156)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#817e7f Protanopia 1% of men
#857c8c Deuteranopia 1% of men
#378a94 Tritanopia 0.001% of the population

Trichromacy

#5e817f Protanomaly 1% of men, 0.01% of women
#617f87 Deuteranomaly 6% of men, 0.4% of women
#2f888c Tritanomaly 0.01% of the population

#228680 hex color

#228680 Color Information

#228680 Color Conversion

Color Schemes with #228680

Alternatives to #228680

#228680 Preview

Shades and Tints of #228680

Tones of #228680

Color Blindness Simulator