#225554 hex color

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

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

● #225554 color description : Very dark cyan.

The hexadecimal color #225554 has RGB values of R:34, G:85, B:84 and CMYK values of C:0.6, M:0, Y:0.01, K:0.67. Its decimal value is 2250068.

Hex triplet	225554	`#225554`
RGB Decimal	34, 85, 84	`rgb(34,85,84)`
RGB Percent	13.3, 33.3, 32.9	`rgb(13.3%,33.3%,32.9%)`
CMYK	60, 0, 1, 67
HSL	178.8°, 42.9, 23.3	`hsl(178.8,42.9%,23.3%)`
HSV (or HSB)	178.8°, 60, 33.3
Web Safe	336666	`#336666`

CIE-LAB	32.869, -17.152, -4.574
XYZ	5.508, 7.477, 9.54
xyY	0.245, 0.332, 7.477
CIE-LCH	32.869, 17.751, 194.931
CIE-LUV	32.869, -20.179, -3.555
Hunter-Lab	27.344, -11.895, -1.545
Binary	00100010, 01010101, 01010100

#225554
```
#225554 rgb(34,85,84)
```
#552223
```
#552223 rgb(85,34,35)
```

Complementary Color

#22553b
```
#22553b rgb(34,85,59)
```
#225554
```
#225554 rgb(34,85,84)
```
#223d55
```
#223d55 rgb(34,61,85)
```

Analogous Color

#553b22
```
#553b22 rgb(85,59,34)
```
#225554
```
#225554 rgb(34,85,84)
```
#55223d
```
#55223d rgb(85,34,61)
```

Split Complementary Color

#555422
```
#555422 rgb(85,84,34)
```
#225554
```
#225554 rgb(34,85,84)
```
#542255
```
#542255 rgb(84,34,85)
```

Triadic Color

#235522
```
#235522 rgb(35,85,34)
```
#225554
```
#225554 rgb(34,85,84)
```
#542255
```
#542255 rgb(84,34,85)
```
#552223
```
#552223 rgb(85,34,35)
```

Tetradic Color

#0c1e1e
```
#0c1e1e rgb(12,30,30)
```
#133130
```
#133130 rgb(19,49,48)
```
#1b4342
```
#1b4342 rgb(27,67,66)
```
#225554
```
#225554 rgb(34,85,84)
```
#296766
```
#296766 rgb(41,103,102)
```
#317978
```
#317978 rgb(49,121,120)
```
#388c8a
```
#388c8a rgb(56,140,138)
```

Monochromatic Color

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

#225547
```
#225547 rgb(34,85,71)
```
#22554c
```
#22554c rgb(34,85,76)
```
#225550
```
#225550 rgb(34,85,80)
```
#225554
```
#225554 rgb(34,85,84)
```
#225255
```
#225255 rgb(34,82,85)
```
#224e55
```
#224e55 rgb(34,78,85)
```
#224955
```
#224955 rgb(34,73,85)
```

Similar Colors

Text with hexadecimal color #225554

This text has a font color of #225554.

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

#225554 background color

This paragraph has a background color of #225554.

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

#225554 border color

This element has a border color of #225554.

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

CSS codes

.text {color:#225554;}

.background {background-color:#225554;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0f
```
#060f0f rgb(6,15,15)
```
#0c1d1d
```
#0c1d1d rgb(12,29,29)
```
#112b2a
```
#112b2a rgb(17,43,42)
```
#173938
```
#173938 rgb(23,57,56)
```
#1c4746
```
#1c4746 rgb(28,71,70)
```
#225554
```
#225554 rgb(34,85,84)
```
#286362
```
#286362 rgb(40,99,98)
```
#2d7170
```
#2d7170 rgb(45,113,112)
```
#337f7e
```
#337f7e rgb(51,127,126)
```
#388d8b
```
#388d8b rgb(56,141,139)
```
#3e9b99
```
#3e9b99 rgb(62,155,153)
```
#44a9a7
```
#44a9a7 rgb(68,169,167)
```

Shade Color Variation

#4ab7b4
```
#4ab7b4 rgb(74,183,180)
```
#58bcba
```
#58bcba rgb(88,188,186)
```
#66c2c0
```
#66c2c0 rgb(102,194,192)
```
#74c7c6
```
#74c7c6 rgb(116,199,198)
```
#82cdcb
```
#82cdcb rgb(130,205,203)
```
#90d3d1
```
#90d3d1 rgb(144,211,209)
```
#9ed8d7
```
#9ed8d7 rgb(158,216,215)
```
#acdedd
```
#acdedd rgb(172,222,221)
```
#bae3e3
```
#bae3e3 rgb(186,227,227)
```
#c8e9e8
```
#c8e9e8 rgb(200,233,232)
```
#d6efee
```
#d6efee rgb(214,239,238)
```
#e4f4f4
```
#e4f4f4 rgb(228,244,244)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#393e3e
```
#393e3e rgb(57,62,62)
```
#344342
```
#344342 rgb(52,67,66)
```
#304747
```
#304747 rgb(48,71,71)
```
#2b4c4b
```
#2b4c4b rgb(43,76,75)
```
#275050
```
#275050 rgb(39,80,80)
```
#225554
```
#225554 rgb(34,85,84)
```
#1d5a58
```
#1d5a58 rgb(29,90,88)
```
#195e5d
```
#195e5d rgb(25,94,93)
```
#146361
```
#146361 rgb(20,99,97)
```
#106766
```
#106766 rgb(16,103,102)
```
#0b6c6a
```
#0b6c6a rgb(11,108,106)
```
#07706e
```
#07706e rgb(7,112,110)
```
#027573
```
#027573 rgb(2,117,115)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3f4949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575658 Protanopia 1% of men
#595460 Deuteranopia 1% of men
#305c63 Tritanopia 0.001% of the population

Trichromacy

#435556 Protanomaly 1% of men, 0.01% of women
#45545b Deuteranomaly 6% of men, 0.4% of women
#2b595d Tritanomaly 0.01% of the population

#225554 hex color

#225554 Color Information

#225554 Color Conversion

Color Schemes with #225554

Alternatives to #225554

#225554 Preview

Shades and Tints of #225554

Tones of #225554

Color Blindness Simulator