#228080 hex color

In a RGB color space, hex #228080 is composed of 13.3% red, 50.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 0% magenta, 0% yellow and 49.8% black. It has a hue angle of 180 degrees, a saturation of 58% and a lightness of 31.8%. #228080 color hex could be obtained by blending #44ffff with #000101. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 50
- B 50
RGB color chart
- C 73
- M 0
- Y 0
- K 50
CMYK color chart

● #228080 color description : Dark cyan.

The hexadecimal color #228080 has RGB values of R:34, G:128, B:128 and CMYK values of C:0.73, M:0, Y:0, K:0.5. Its decimal value is 2261120.

Hex triplet	228080	`#228080`
RGB Decimal	34, 128, 128	`rgb(34,128,128)`
RGB Percent	13.3, 50.2, 50.2	`rgb(13.3%,50.2%,50.2%)`
CMYK	73, 0, 0, 50
HSL	180°, 58, 31.8	`hsl(180,58%,31.8%)`
HSV (or HSB)	180°, 73.4, 50.2
Web Safe	339999	`#339999`

CIE-LAB	48.68, -26.068, -7.8
XYZ	12.274, 17.336, 23.12
xyY	0.233, 0.329, 17.336
CIE-LCH	48.68, 27.21, 196.659
CIE-LUV	48.68, -34.267, -7.399
Hunter-Lab	41.636, -20.244, -3.778
Binary	00100010, 10000000, 10000000

#228080
```
#228080 rgb(34,128,128)
```
#802222
```
#802222 rgb(128,34,34)
```

Complementary Color

#228051
```
#228051 rgb(34,128,81)
```
#228080
```
#228080 rgb(34,128,128)
```
#225180
```
#225180 rgb(34,81,128)
```

Analogous Color

#805122
```
#805122 rgb(128,81,34)
```
#228080
```
#228080 rgb(34,128,128)
```
#802251
```
#802251 rgb(128,34,81)
```

Split Complementary Color

#808022
```
#808022 rgb(128,128,34)
```
#228080
```
#228080 rgb(34,128,128)
```
#802280
```
#802280 rgb(128,34,128)
```

Triadic Color

#228022
```
#228022 rgb(34,128,34)
```
#228080
```
#228080 rgb(34,128,128)
```
#802280
```
#802280 rgb(128,34,128)
```
#802222
```
#802222 rgb(128,34,34)
```

Tetradic Color

#124444
```
#124444 rgb(18,68,68)
```
#175858
```
#175858 rgb(23,88,88)
```
#1d6c6c
```
#1d6c6c rgb(29,108,108)
```
#228080
```
#228080 rgb(34,128,128)
```
#279494
```
#279494 rgb(39,148,148)
```
#2da8a8
```
#2da8a8 rgb(45,168,168)
```
#32bcbc
```
#32bcbc rgb(50,188,188)
```

Monochromatic Color

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

#228069
```
#228069 rgb(34,128,105)
```
#228070
```
#228070 rgb(34,128,112)
```
#228078
```
#228078 rgb(34,128,120)
```
#228080
```
#228080 rgb(34,128,128)
```
#227880
```
#227880 rgb(34,120,128)
```
#227080
```
#227080 rgb(34,112,128)
```
#226980
```
#226980 rgb(34,105,128)
```

Similar Colors

Text with hexadecimal color #228080

This text has a font color of #228080.

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

#228080 background color

This paragraph has a background color of #228080.

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

#228080 border color

This element has a border color of #228080.

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

CSS codes

.text {color:#228080;}

.background {background-color:#228080;}

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

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 #f4fcfc is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#051414
```
#051414 rgb(5,20,20)
```
#092323
```
#092323 rgb(9,35,35)
```
#0d3333
```
#0d3333 rgb(13,51,51)
```
#124242
```
#124242 rgb(18,66,66)
```
#165252
```
#165252 rgb(22,82,82)
```
#1a6161
```
#1a6161 rgb(26,97,97)
```
#1e7171
```
#1e7171 rgb(30,113,113)
```
#228080
```
#228080 rgb(34,128,128)
```
#268f8f
```
#268f8f rgb(38,143,143)
```
#2a9f9f
```
#2a9f9f rgb(42,159,159)
```
#2eaeae
```
#2eaeae rgb(46,174,174)
```
#32bebe
```
#32bebe rgb(50,190,190)
```

Shade Color Variation

#3acbcb
```
#3acbcb rgb(58,203,203)
```
#49cfcf
```
#49cfcf rgb(73,207,207)
```
#59d3d3
```
#59d3d3 rgb(89,211,211)
```
#68d7d7
```
#68d7d7 rgb(104,215,215)
```
#78dbdb
```
#78dbdb rgb(120,219,219)
```
#87dfdf
```
#87dfdf rgb(135,223,223)
```
#97e3e3
```
#97e3e3 rgb(151,227,227)
```
#a6e7e7
```
#a6e7e7 rgb(166,231,231)
```
#b6ebeb
```
#b6ebeb rgb(182,235,235)
```
#c5f0f0
```
#c5f0f0 rgb(197,240,240)
```
#d5f4f4
```
#d5f4f4 rgb(213,244,244)
```
#e4f8f8
```
#e4f8f8 rgb(228,248,248)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

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

#4e5454
```
#4e5454 rgb(78,84,84)
```
#475b5b
```
#475b5b rgb(71,91,91)
```
#416161
```
#416161 rgb(65,97,97)
```
#3b6767
```
#3b6767 rgb(59,103,103)
```
#356d6d
```
#356d6d rgb(53,109,109)
```
#2e7474
```
#2e7474 rgb(46,116,116)
```
#287a7a
```
#287a7a rgb(40,122,122)
```
#228080
```
#228080 rgb(34,128,128)
```
#1c8686
```
#1c8686 rgb(28,134,134)
```
#168c8c
```
#168c8c rgb(22,140,140)
```
#0f9393
```
#0f9393 rgb(15,147,147)
```
#099999
```
#099999 rgb(9,153,153)
```
#039f9f
```
#039f9f rgb(3,159,159)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#576a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7a7f Protanopia 1% of men
#7d788b Deuteranopia 1% of men
#33858f Tritanopia 0.001% of the population

Trichromacy

#5a7c7f Protanomaly 1% of men, 0.01% of women
#5c7a87 Deuteranomaly 6% of men, 0.4% of women
#2d8389 Tritanomaly 0.01% of the population

#228080 hex color

#228080 Color Information

#228080 Color Conversion

Color Schemes with #228080

Alternatives to #228080

#228080 Preview

Shades and Tints of #228080

Tones of #228080

Color Blindness Simulator