#228276 hex color

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

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

● #228276 color description : Dark cyan.

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

Hex triplet	228276	`#228276`
RGB Decimal	34, 130, 118	`rgb(34,130,118)`
RGB Percent	13.3, 51, 46.3	`rgb(13.3%,51%,46.3%)`
CMYK	74, 0, 9, 49
HSL	172.5°, 58.5, 32.2	`hsl(172.5,58.5%,32.2%)`
HSV (or HSB)	172.5°, 73.8, 51
Web Safe	339966	`#339966`

CIE-LAB	49.022, -30.056, -1.412
XYZ	11.911, 17.612, 19.91
xyY	0.241, 0.356, 17.612
CIE-LCH	49.022, 30.089, 182.689
CIE-LUV	49.022, -35.666, 2.336
Hunter-Lab	41.967, -22.779, 1.248
Binary	00100010, 10000010, 01110110

#228276
```
#228276 rgb(34,130,118)
```
#82222e
```
#82222e rgb(130,34,46)
```

Complementary Color

#228246
```
#228246 rgb(34,130,70)
```
#228276
```
#228276 rgb(34,130,118)
```
#225e82
```
#225e82 rgb(34,94,130)
```

Analogous Color

#824622
```
#824622 rgb(130,70,34)
```
#228276
```
#228276 rgb(34,130,118)
```
#82225e
```
#82225e rgb(130,34,94)
```

Split Complementary Color

#827622
```
#827622 rgb(130,118,34)
```
#228276
```
#228276 rgb(34,130,118)
```
#762282
```
#762282 rgb(118,34,130)
```

Triadic Color

#2e8222
```
#2e8222 rgb(46,130,34)
```
#228276
```
#228276 rgb(34,130,118)
```
#762282
```
#762282 rgb(118,34,130)
```
#82222e
```
#82222e rgb(130,34,46)
```

Tetradic Color

#12453f
```
#12453f rgb(18,69,63)
```
#175a51
```
#175a51 rgb(23,90,81)
```
#1d6e64
```
#1d6e64 rgb(29,110,100)
```
#228276
```
#228276 rgb(34,130,118)
```
#279688
```
#279688 rgb(39,150,136)
```
#2daa9b
```
#2daa9b rgb(45,170,155)
```
#32bfad
```
#32bfad rgb(50,191,173)
```

Monochromatic Color

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

#22825e
```
#22825e rgb(34,130,94)
```
#228266
```
#228266 rgb(34,130,102)
```
#22826e
```
#22826e rgb(34,130,110)
```
#228276
```
#228276 rgb(34,130,118)
```
#22827e
```
#22827e rgb(34,130,126)
```
#227e82
```
#227e82 rgb(34,126,130)
```
#227682
```
#227682 rgb(34,118,130)
```

Similar Colors

Text with hexadecimal color #228276

This text has a font color of #228276.

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

#228276 background color

This paragraph has a background color of #228276.

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

#228276 border color

This element has a border color of #228276.

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

CSS codes

.text {color:#228276;}

.background {background-color:#228276;}

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

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

#010605
```
#010605 rgb(1,6,5)
```
#061513
```
#061513 rgb(6,21,19)
```
#0a2521
```
#0a2521 rgb(10,37,33)
```
#0e342f
```
#0e342f rgb(14,52,47)
```
#12443e
```
#12443e rgb(18,68,62)
```
#16534c
```
#16534c rgb(22,83,76)
```
#1a635a
```
#1a635a rgb(26,99,90)
```
#1e7268
```
#1e7268 rgb(30,114,104)
```
#228276
```
#228276 rgb(34,130,118)
```
#269284
```
#269284 rgb(38,146,132)
```
#2aa192
```
#2aa192 rgb(42,161,146)
```
#2eb1a0
```
#2eb1a0 rgb(46,177,160)
```
#32c0ae
```
#32c0ae rgb(50,192,174)
```

Shade Color Variation

#3accb9
```
#3accb9 rgb(58,204,185)
```
#4ad0bf
```
#4ad0bf rgb(74,208,191)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#69d8ca
```
#69d8ca rgb(105,216,202)
```
#79dccf
```
#79dccf rgb(121,220,207)
```
#88e0d5
```
#88e0d5 rgb(136,224,213)
```
#98e4da
```
#98e4da rgb(152,228,218)
```
#a7e8e0
```
#a7e8e0 rgb(167,232,224)
```
#b7ece5
```
#b7ece5 rgb(183,236,229)
```
#c6f0eb
```
#c6f0eb rgb(198,240,235)
```
#d6f4f0
```
#d6f4f0 rgb(214,244,240)
```
#e6f8f6
```
#e6f8f6 rgb(230,248,246)
```
#f5fcfb
```
#f5fcfb rgb(245,252,251)
```

Tint Color Variation

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

#4e5655
```
#4e5655 rgb(78,86,85)
```
#485c5a
```
#485c5a rgb(72,92,90)
```
#42625e
```
#42625e rgb(66,98,94)
```
#3b6963
```
#3b6963 rgb(59,105,99)
```
#356f68
```
#356f68 rgb(53,111,104)
```
#2f756d
```
#2f756d rgb(47,117,109)
```
#287c71
```
#287c71 rgb(40,124,113)
```
#228276
```
#228276 rgb(34,130,118)
```
#1c887b
```
#1c887b rgb(28,136,123)
```
#158f7f
```
#158f7f rgb(21,143,127)
```
#0f9584
```
#0f9584 rgb(15,149,132)
```
#099b89
```
#099b89 rgb(9,155,137)
```
#02a28e
```
#02a28e rgb(2,162,142)
```

Tone Color Variation

Below, you can see how #228276 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
#576a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b76 Protanopia 1% of men
#837882 Deuteranopia 1% of men
#39858f Tritanopia 0.001% of the population

Trichromacy

#5d7d76 Protanomaly 1% of men, 0.01% of women
#607b7e Deuteranomaly 6% of men, 0.4% of women
#318486 Tritanomaly 0.01% of the population

#228276 hex color

#228276 Color Information

#228276 Color Conversion

Color Schemes with #228276

Alternatives to #228276

#228276 Preview

Shades and Tints of #228276

Tones of #228276

Color Blindness Simulator