#225533 hex color

In a RGB color space, hex #225533 is composed of 13.3% red, 33.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 40% yellow and 66.7% black. It has a hue angle of 140 degrees, a saturation of 42.9% and a lightness of 23.3%. #225533 color hex could be obtained by blending #44aa66 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 13
- G 33
- B 20
RGB color chart
- C 60
- M 0
- Y 40
- K 67
CMYK color chart

● #225533 color description : Very dark cyan - lime green.

The hexadecimal color #225533 has RGB values of R:34, G:85, B:51 and CMYK values of C:0.6, M:0, Y:0.4, K:0.67. Its decimal value is 2250035.

Hex triplet	225533	`#225533`
RGB Decimal	34, 85, 51	`rgb(34,85,51)`
RGB Percent	13.3, 33.3, 20	`rgb(13.3%,33.3%,20%)`
CMYK	60, 0, 40, 67
HSL	140°, 42.9, 23.3	`hsl(140,42.9%,23.3%)`
HSV (or HSB)	140°, 60, 33.3
Web Safe	336633	`#336633`

CIE-LAB	31.979, -25.85, 14.825
XYZ	4.505, 7.076, 4.26
xyY	0.284, 0.447, 7.076
CIE-LCH	31.979, 29.8, 150.166
CIE-LUV	31.979, -21.544, 19.801
Hunter-Lab	26.6, -16.317, 9.125
Binary	00100010, 01010101, 00110011

#225533
```
#225533 rgb(34,85,51)
```
#552244
```
#552244 rgb(85,34,68)
```

Complementary Color

#2b5522
```
#2b5522 rgb(43,85,34)
```
#225533
```
#225533 rgb(34,85,51)
```
#22554d
```
#22554d rgb(34,85,77)
```

Analogous Color

#55222b
```
#55222b rgb(85,34,43)
```
#225533
```
#225533 rgb(34,85,51)
```
#4d2255
```
#4d2255 rgb(77,34,85)
```

Split Complementary Color

#553322
```
#553322 rgb(85,51,34)
```
#225533
```
#225533 rgb(34,85,51)
```
#332255
```
#332255 rgb(51,34,85)
```

Triadic Color

#445522
```
#445522 rgb(68,85,34)
```
#225533
```
#225533 rgb(34,85,51)
```
#332255
```
#332255 rgb(51,34,85)
```
#552244
```
#552244 rgb(85,34,68)
```

Tetradic Color

#0c1e12
```
#0c1e12 rgb(12,30,18)
```
#13311d
```
#13311d rgb(19,49,29)
```
#1b4328
```
#1b4328 rgb(27,67,40)
```
#225533
```
#225533 rgb(34,85,51)
```
#29673e
```
#29673e rgb(41,103,62)
```
#317949
```
#317949 rgb(49,121,73)
```
#388c54
```
#388c54 rgb(56,140,84)
```

Monochromatic Color

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

#225526
```
#225526 rgb(34,85,38)
```
#22552b
```
#22552b rgb(34,85,43)
```
#22552f
```
#22552f rgb(34,85,47)
```
#225533
```
#225533 rgb(34,85,51)
```
#225537
```
#225537 rgb(34,85,55)
```
#22553c
```
#22553c rgb(34,85,60)
```
#225540
```
#225540 rgb(34,85,64)
```

Similar Colors

Text with hexadecimal color #225533

This text has a font color of #225533.

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

#225533 background color

This paragraph has a background color of #225533.

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

#225533 border color

This element has a border color of #225533.

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

CSS codes

.text {color:#225533;}

.background {background-color:#225533;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f09
```
#060f09 rgb(6,15,9)
```
#0c1d11
```
#0c1d11 rgb(12,29,17)
```
#112b1a
```
#112b1a rgb(17,43,26)
```
#173922
```
#173922 rgb(23,57,34)
```
#1c472b
```
#1c472b rgb(28,71,43)
```
#225533
```
#225533 rgb(34,85,51)
```
#28633b
```
#28633b rgb(40,99,59)
```
#2d7144
```
#2d7144 rgb(45,113,68)
```
#337f4c
```
#337f4c rgb(51,127,76)
```
#388d55
```
#388d55 rgb(56,141,85)
```
#3e9b5d
```
#3e9b5d rgb(62,155,93)
```
#44a965
```
#44a965 rgb(68,169,101)
```

Shade Color Variation

#4ab76e
```
#4ab76e rgb(74,183,110)
```
#58bc79
```
#58bc79 rgb(88,188,121)
```
#66c284
```
#66c284 rgb(102,194,132)
```
#74c790
```
#74c790 rgb(116,199,144)
```
#82cd9b
```
#82cd9b rgb(130,205,155)
```
#90d3a6
```
#90d3a6 rgb(144,211,166)
```
#9ed8b1
```
#9ed8b1 rgb(158,216,177)
```
#acdebc
```
#acdebc rgb(172,222,188)
```
#bae3c8
```
#bae3c8 rgb(186,227,200)
```
#c8e9d3
```
#c8e9d3 rgb(200,233,211)
```
#d6efde
```
#d6efde rgb(214,239,222)
```
#e4f4e9
```
#e4f4e9 rgb(228,244,233)
```
#f2faf5
```
#f2faf5 rgb(242,250,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #393e3b is the less saturated color, while #027528 is the most saturated one.

#393e3b
```
#393e3b rgb(57,62,59)
```
#344339
```
#344339 rgb(52,67,57)
```
#304738
```
#304738 rgb(48,71,56)
```
#2b4c36
```
#2b4c36 rgb(43,76,54)
```
#275035
```
#275035 rgb(39,80,53)
```
#225533
```
#225533 rgb(34,85,51)
```
#1d5a31
```
#1d5a31 rgb(29,90,49)
```
#195e30
```
#195e30 rgb(25,94,48)
```
#14632e
```
#14632e rgb(20,99,46)
```
#10672d
```
#10672d rgb(16,103,45)
```
#0b6c2b
```
#0b6c2b rgb(11,108,43)
```
#07702a
```
#07702a rgb(7,112,42)
```
#027528
```
#027528 rgb(2,117,40)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3c463f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5439 Protanopia 1% of men
#625141 Deuteranopia 1% of men
#385960 Tritanopia 0.001% of the population

Trichromacy

#465437 Protanomaly 1% of men, 0.01% of women
#4b523c Deuteranomaly 6% of men, 0.4% of women
#30574f Tritanomaly 0.01% of the population

#225533 hex color

#225533 Color Information

#225533 Color Conversion

Color Schemes with #225533

Alternatives to #225533

#225533 Preview

Shades and Tints of #225533

Tones of #225533

Color Blindness Simulator