colorhexa.com

#229284 hex color

In a RGB color space, hex #229284 is composed of 13.3% red, 57.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 9.6% yellow and 42.7% black. It has a hue angle of 172.5 degrees, a saturation of 62.2% and a lightness of 35.3%. #229284 color hex could be obtained by blending #44ffff with #002509. Closest websafe color is: #339999.

- R 13
- G 57
- B 52
RGB color chart
- C 77
- M 0
- Y 10
- K 43
CMYK color chart

● #229284 color description : Dark cyan.

The hexadecimal color #229284 has RGB values of R:34, G:146, B:132 and CMYK values of C:0.77, M:0, Y:0.1, K:0.43. Its decimal value is 2265732.

Hex triplet	229284	`#229284`
RGB Decimal	34, 146, 132	`rgb(34,146,132)`
RGB Percent	13.3, 57.3, 51.8	`rgb(13.3%,57.3%,51.8%)`
CMYK	77, 0, 10, 43
HSL	172.5°, 62.2, 35.3	`hsl(172.5,62.2%,35.3%)`
HSV (or HSB)	172.5°, 76.7, 57.3
Web Safe	339999	`#339999`

CIE-LAB	54.619, -33.578, -1.342
XYZ	15.102, 22.562, 25.388
xyY	0.24, 0.358, 22.562
CIE-LCH	54.619, 33.605, 182.288
CIE-LUV	54.619, -40.655, 3.002
Hunter-Lab	47.5, -26.373, 1.561
Binary	00100010, 10010010, 10000100

#229284
```
#229284 rgb(34,146,132)
```
#922230
```
#922230 rgb(146,34,48)
```

Complementary Color

#22924c
```
#22924c rgb(34,146,76)
```
#229284
```
#229284 rgb(34,146,132)
```
#226892
```
#226892 rgb(34,104,146)
```

Analogous Color

#924c22
```
#924c22 rgb(146,76,34)
```
#229284
```
#229284 rgb(34,146,132)
```
#922268
```
#922268 rgb(146,34,104)
```

Split Complementary Color

#928422
```
#928422 rgb(146,132,34)
```
#229284
```
#229284 rgb(34,146,132)
```
#842292
```
#842292 rgb(132,34,146)
```

Triadic Color

#309222
```
#309222 rgb(48,146,34)
```
#229284
```
#229284 rgb(34,146,132)
```
#842292
```
#842292 rgb(132,34,146)
```
#922230
```
#922230 rgb(146,34,48)
```

Tetradic Color

#14544c
```
#14544c rgb(20,84,76)
```
#18695f
```
#18695f rgb(24,105,95)
```
#1d7d71
```
#1d7d71 rgb(29,125,113)
```
#229284
```
#229284 rgb(34,146,132)
```
#27a797
```
#27a797 rgb(39,167,151)
```
#2cbba9
```
#2cbba9 rgb(44,187,169)
```
#31cfbb
```
#31cfbb rgb(49,207,187)
```

Monochromatic Color

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

#229268
```
#229268 rgb(34,146,104)
```
#229271
```
#229271 rgb(34,146,113)
```
#22927b
```
#22927b rgb(34,146,123)
```
#229284
```
#229284 rgb(34,146,132)
```
#22928d
```
#22928d rgb(34,146,141)
```
#228d92
```
#228d92 rgb(34,141,146)
```
#228492
```
#228492 rgb(34,132,146)
```

Similar Colors

Text with hexadecimal color #229284

This text has a font color of #229284.

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

#229284 background color

This paragraph has a background color of #229284.

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

#229284 border color

This element has a border color of #229284.

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

CSS codes

.text {color:#229284;}

.background {background-color:#229284;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041311
```
#041311 rgb(4,19,17)
```
#08231f
```
#08231f rgb(8,35,31)
```
#0c332e
```
#0c332e rgb(12,51,46)
```
#0f423c
```
#0f423c rgb(15,66,60)
```
#13524a
```
#13524a rgb(19,82,74)
```
#176259
```
#176259 rgb(23,98,89)
```
#1b7267
```
#1b7267 rgb(27,114,103)
```
#1e8276
```
#1e8276 rgb(30,130,118)
```
#229284
```
#229284 rgb(34,146,132)
```
#26a292
```
#26a292 rgb(38,162,146)
```
#29b2a1
```
#29b2a1 rgb(41,178,161)
```
#2dc2af
```
#2dc2af rgb(45,194,175)
```

Shade Color Variation

#33cfbc
```
#33cfbc rgb(51,207,188)
```
#43d3c1
```
#43d3c1 rgb(67,211,193)
```
#53d7c6
```
#53d7c6 rgb(83,215,198)
```
#63dbcc
```
#63dbcc rgb(99,219,204)
```
#73ded1
```
#73ded1 rgb(115,222,209)
```
#83e2d6
```
#83e2d6 rgb(131,226,214)
```
#92e6db
```
#92e6db rgb(146,230,219)
```
#a2e9e1
```
#a2e9e1 rgb(162,233,225)
```
#b2ede6
```
#b2ede6 rgb(178,237,230)
```
#c2f1eb
```
#c2f1eb rgb(194,241,235)
```
#d2f5f0
```
#d2f5f0 rgb(210,245,240)
```
#e2f8f5
```
#e2f8f5 rgb(226,248,245)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595b5a is the less saturated color, while #06ae99 is the most saturated one.

#595b5a
```
#595b5a rgb(89,91,90)
```
#526260
```
#526260 rgb(82,98,96)
```
#4c6865
```
#4c6865 rgb(76,104,101)
```
#456f6a
```
#456f6a rgb(69,111,106)
```
#3e766f
```
#3e766f rgb(62,118,111)
```
#377d74
```
#377d74 rgb(55,125,116)
```
#30847a
```
#30847a rgb(48,132,122)
```
#298b7f
```
#298b7f rgb(41,139,127)
```
#229284
```
#229284 rgb(34,146,132)
```
#1b9989
```
#1b9989 rgb(27,153,137)
```
#14a08e
```
#14a08e rgb(20,160,142)
```
#0da794
```
#0da794 rgb(13,167,148)
```
#06ae99
```
#06ae99 rgb(6,174,153)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#607673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8882 Protanopia 1% of men
#928590 Deuteranopia 1% of men
#3d949f Tritanopia 0.001% of the population

Trichromacy

#668c83 Protanomaly 1% of men, 0.01% of women
#698a8c Deuteranomaly 6% of men, 0.4% of women
#339395 Tritanomaly 0.01% of the population