#228070 hex color

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

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

● #228070 color description : Dark cyan.

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

Hex triplet	228070	`#228070`
RGB Decimal	34, 128, 112	`rgb(34,128,112)`
RGB Percent	13.3, 50.2, 43.9	`rgb(13.3%,50.2%,43.9%)`
CMYK	73, 0, 13, 50
HSL	169.8°, 58, 31.8	`hsl(169.8,58%,31.8%)`
HSV (or HSB)	169.8°, 73.4, 50.2
Web Safe	339966	`#339966`

CIE-LAB	48.193, -30.821, 0.905
XYZ	11.302, 16.947, 18.004
xyY	0.244, 0.366, 16.947
CIE-LCH	48.193, 30.834, 178.319
CIE-LUV	48.193, -35.303, 5.649
Hunter-Lab	41.167, -23.035, 2.887
Binary	00100010, 10000000, 01110000

#228070
```
#228070 rgb(34,128,112)
```
#802232
```
#802232 rgb(128,34,50)
```

Complementary Color

#228041
```
#228041 rgb(34,128,65)
```
#228070
```
#228070 rgb(34,128,112)
```
#226180
```
#226180 rgb(34,97,128)
```

Analogous Color

#804122
```
#804122 rgb(128,65,34)
```
#228070
```
#228070 rgb(34,128,112)
```
#802261
```
#802261 rgb(128,34,97)
```

Split Complementary Color

#807022
```
#807022 rgb(128,112,34)
```
#228070
```
#228070 rgb(34,128,112)
```
#702280
```
#702280 rgb(112,34,128)
```

Triadic Color

#328022
```
#328022 rgb(50,128,34)
```
#228070
```
#228070 rgb(34,128,112)
```
#702280
```
#702280 rgb(112,34,128)
```
#802232
```
#802232 rgb(128,34,50)
```

Tetradic Color

#12443b
```
#12443b rgb(18,68,59)
```
#17584d
```
#17584d rgb(23,88,77)
```
#1d6c5e
```
#1d6c5e rgb(29,108,94)
```
#228070
```
#228070 rgb(34,128,112)
```
#279482
```
#279482 rgb(39,148,130)
```
#2da893
```
#2da893 rgb(45,168,147)
```
#32bca5
```
#32bca5 rgb(50,188,165)
```

Monochromatic Color

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

#228059
```
#228059 rgb(34,128,89)
```
#228060
```
#228060 rgb(34,128,96)
```
#228068
```
#228068 rgb(34,128,104)
```
#228070
```
#228070 rgb(34,128,112)
```
#228078
```
#228078 rgb(34,128,120)
```
#228080
```
#228080 rgb(34,128,128)
```
#227980
```
#227980 rgb(34,121,128)
```

Similar Colors

Text with hexadecimal color #228070

This text has a font color of #228070.

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

#228070 background color

This paragraph has a background color of #228070.

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

#228070 border color

This element has a border color of #228070.

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

CSS codes

.text {color:#228070;}

.background {background-color:#228070;}

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051411
```
#051411 rgb(5,20,17)
```
#09231f
```
#09231f rgb(9,35,31)
```
#0d332c
```
#0d332c rgb(13,51,44)
```
#12423a
```
#12423a rgb(18,66,58)
```
#165247
```
#165247 rgb(22,82,71)
```
#1a6155
```
#1a6155 rgb(26,97,85)
```
#1e7162
```
#1e7162 rgb(30,113,98)
```
#228070
```
#228070 rgb(34,128,112)
```
#268f7e
```
#268f7e rgb(38,143,126)
```
#2a9f8b
```
#2a9f8b rgb(42,159,139)
```
#2eae99
```
#2eae99 rgb(46,174,153)
```
#32bea6
```
#32bea6 rgb(50,190,166)
```

Shade Color Variation

#3acbb2
```
#3acbb2 rgb(58,203,178)
```
#49cfb8
```
#49cfb8 rgb(73,207,184)
```
#59d3be
```
#59d3be rgb(89,211,190)
```
#68d7c4
```
#68d7c4 rgb(104,215,196)
```
#78dbca
```
#78dbca rgb(120,219,202)
```
#87dfd0
```
#87dfd0 rgb(135,223,208)
```
#97e3d6
```
#97e3d6 rgb(151,227,214)
```
#a6e7dc
```
#a6e7dc rgb(166,231,220)
```
#b6ebe2
```
#b6ebe2 rgb(182,235,226)
```
#c5f0e8
```
#c5f0e8 rgb(197,240,232)
```
#d5f4ee
```
#d5f4ee rgb(213,244,238)
```
#e4f8f4
```
#e4f8f4 rgb(228,248,244)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#4e5453
```
#4e5453 rgb(78,84,83)
```
#475b57
```
#475b57 rgb(71,91,87)
```
#41615b
```
#41615b rgb(65,97,91)
```
#3b6760
```
#3b6760 rgb(59,103,96)
```
#356d64
```
#356d64 rgb(53,109,100)
```
#2e7468
```
#2e7468 rgb(46,116,104)
```
#287a6c
```
#287a6c rgb(40,122,108)
```
#228070
```
#228070 rgb(34,128,112)
```
#1c8674
```
#1c8674 rgb(28,134,116)
```
#168c78
```
#168c78 rgb(22,140,120)
```
#0f937c
```
#0f937c rgb(15,147,124)
```
#099980
```
#099980 rgb(9,153,128)
```
#039f85
```
#039f85 rgb(3,159,133)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#556865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7970 Protanopia 1% of men
#83767d Deuteranopia 1% of men
#3b838d Tritanopia 0.001% of the population

Trichromacy

#5c7b70 Protanomaly 1% of men, 0.01% of women
#5f7978 Deuteranomaly 6% of men, 0.4% of women
#318282 Tritanomaly 0.01% of the population

#228070 hex color

#228070 Color Information

#228070 Color Conversion

Color Schemes with #228070

Alternatives to #228070

#228070 Preview

Shades and Tints of #228070

Tones of #228070

Color Blindness Simulator