#228282 hex color

In a RGB color space, hex #228282 is composed of 13.3% red, 51% green and 51% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 0% yellow and 49% black. It has a hue angle of 180 degrees, a saturation of 58.5% and a lightness of 32.2%. #228282 color hex could be obtained by blending #44ffff with #000505. Closest websafe color is: #339999.

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

● #228282 color description : Dark cyan.

The hexadecimal color #228282 has RGB values of R:34, G:130, B:130 and CMYK values of C:0.74, M:0, Y:0, K:0.49. Its decimal value is 2261634.

Hex triplet	228282	`#228282`
RGB Decimal	34, 130, 130	`rgb(34,130,130)`
RGB Percent	13.3, 51, 51	`rgb(13.3%,51%,51%)`
CMYK	74, 0, 0, 49
HSL	180°, 58.5, 32.2	`hsl(180,58.5%,32.2%)`
HSV (or HSB)	180°, 73.8, 51
Web Safe	339999	`#339999`

CIE-LAB	49.394, -26.451, -7.911
XYZ	12.67, 17.916, 23.908
xyY	0.233, 0.329, 17.916
CIE-LCH	49.394, 27.609, 196.65
CIE-LUV	49.394, -34.88, -7.532
Hunter-Lab	42.327, -20.64, -3.861
Binary	00100010, 10000010, 10000010

#228282
```
#228282 rgb(34,130,130)
```
#822222
```
#822222 rgb(130,34,34)
```

Complementary Color

#228252
```
#228252 rgb(34,130,82)
```
#228282
```
#228282 rgb(34,130,130)
```
#225282
```
#225282 rgb(34,82,130)
```

Analogous Color

#825222
```
#825222 rgb(130,82,34)
```
#228282
```
#228282 rgb(34,130,130)
```
#822252
```
#822252 rgb(130,34,82)
```

Split Complementary Color

#828222
```
#828222 rgb(130,130,34)
```
#228282
```
#228282 rgb(34,130,130)
```
#822282
```
#822282 rgb(130,34,130)
```

Triadic Color

#228222
```
#228222 rgb(34,130,34)
```
#228282
```
#228282 rgb(34,130,130)
```
#822282
```
#822282 rgb(130,34,130)
```
#822222
```
#822222 rgb(130,34,34)
```

Tetradic Color

#124545
```
#124545 rgb(18,69,69)
```
#175a5a
```
#175a5a rgb(23,90,90)
```
#1d6e6e
```
#1d6e6e rgb(29,110,110)
```
#228282
```
#228282 rgb(34,130,130)
```
#279696
```
#279696 rgb(39,150,150)
```
#2daaaa
```
#2daaaa rgb(45,170,170)
```
#32bfbf
```
#32bfbf rgb(50,191,191)
```

Monochromatic Color

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

#22826a
```
#22826a rgb(34,130,106)
```
#228272
```
#228272 rgb(34,130,114)
```
#22827a
```
#22827a rgb(34,130,122)
```
#228282
```
#228282 rgb(34,130,130)
```
#227a82
```
#227a82 rgb(34,122,130)
```
#227282
```
#227282 rgb(34,114,130)
```
#226a82
```
#226a82 rgb(34,106,130)
```

Similar Colors

Text with hexadecimal color #228282

This text has a font color of #228282.

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

#228282 background color

This paragraph has a background color of #228282.

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

#228282 border color

This element has a border color of #228282.

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

CSS codes

.text {color:#228282;}

.background {background-color:#228282;}

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

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

#010606
```
#010606 rgb(1,6,6)
```
#061515
```
#061515 rgb(6,21,21)
```
#0a2525
```
#0a2525 rgb(10,37,37)
```
#0e3434
```
#0e3434 rgb(14,52,52)
```
#124444
```
#124444 rgb(18,68,68)
```
#165353
```
#165353 rgb(22,83,83)
```
#1a6363
```
#1a6363 rgb(26,99,99)
```
#1e7272
```
#1e7272 rgb(30,114,114)
```
#228282
```
#228282 rgb(34,130,130)
```
#269292
```
#269292 rgb(38,146,146)
```
#2aa1a1
```
#2aa1a1 rgb(42,161,161)
```
#2eb1b1
```
#2eb1b1 rgb(46,177,177)
```
#32c0c0
```
#32c0c0 rgb(50,192,192)
```

Shade Color Variation

#3acccc
```
#3acccc rgb(58,204,204)
```
#4ad0d0
```
#4ad0d0 rgb(74,208,208)
```
#5ad4d4
```
#5ad4d4 rgb(90,212,212)
```
#69d8d8
```
#69d8d8 rgb(105,216,216)
```
#79dcdc
```
#79dcdc rgb(121,220,220)
```
#88e0e0
```
#88e0e0 rgb(136,224,224)
```
#98e4e4
```
#98e4e4 rgb(152,228,228)
```
#a7e8e8
```
#a7e8e8 rgb(167,232,232)
```
#b7ecec
```
#b7ecec rgb(183,236,236)
```
#c6f0f0
```
#c6f0f0 rgb(198,240,240)
```
#d6f4f4
```
#d6f4f4 rgb(214,244,244)
```
#e6f8f8
```
#e6f8f8 rgb(230,248,248)
```
#f5fcfc
```
#f5fcfc rgb(245,252,252)
```

Tint Color Variation

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

#4e5656
```
#4e5656 rgb(78,86,86)
```
#485c5c
```
#485c5c rgb(72,92,92)
```
#426262
```
#426262 rgb(66,98,98)
```
#3b6969
```
#3b6969 rgb(59,105,105)
```
#356f6f
```
#356f6f rgb(53,111,111)
```
#2f7575
```
#2f7575 rgb(47,117,117)
```
#287c7c
```
#287c7c rgb(40,124,124)
```
#228282
```
#228282 rgb(34,130,130)
```
#1c8888
```
#1c8888 rgb(28,136,136)
```
#158f8f
```
#158f8f rgb(21,143,143)
```
#0f9595
```
#0f9595 rgb(15,149,149)
```
#099b9b
```
#099b9b rgb(9,155,155)
```
#02a2a2
```
#02a2a2 rgb(2,162,162)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#586b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7b81 Protanopia 1% of men
#7f798d Deuteranopia 1% of men
#348791 Tritanopia 0.001% of the population

Trichromacy

#5c7e81 Protanomaly 1% of men, 0.01% of women
#5d7c89 Deuteranomaly 6% of men, 0.4% of women
#2d858b Tritanomaly 0.01% of the population

#228282 hex color

#228282 Color Information

#228282 Color Conversion

Color Schemes with #228282

Alternatives to #228282

#228282 Preview

Shades and Tints of #228282

Tones of #228282

Color Blindness Simulator