#225c64 hex color

In a RGB color space, hex #225c64 is composed of 13.3% red, 36.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 8% magenta, 0% yellow and 60.8% black. It has a hue angle of 187.3 degrees, a saturation of 49.3% and a lightness of 26.3%. #225c64 color hex could be obtained by blending #44b8c8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 36
- B 39
RGB color chart
- C 66
- M 8
- Y 0
- K 61
CMYK color chart

● #225c64 color description : Very dark cyan.

The hexadecimal color #225c64 has RGB values of R:34, G:92, B:100 and CMYK values of C:0.66, M:0.08, Y:0, K:0.61. Its decimal value is 2251876.

Hex triplet	225c64	`#225c64`
RGB Decimal	34, 92, 100	`rgb(34,92,100)`
RGB Percent	13.3, 36.1, 39.2	`rgb(13.3%,36.1%,39.2%)`
CMYK	66, 8, 0, 61
HSL	187.3°, 49.3, 26.3	`hsl(187.3,49.3%,26.3%)`
HSV (or HSB)	187.3°, 66, 39.2
Web Safe	336666	`#336666`

CIE-LAB	35.818, -15.924, -10.187
XYZ	6.786, 8.914, 13.419
xyY	0.233, 0.306, 8.914
CIE-LCH	35.818, 18.904, 212.609
CIE-LUV	35.818, -22.191, -11.405
Hunter-Lab	29.856, -11.675, -5.748
Binary	00100010, 01011100, 01100100

#225c64
```
#225c64 rgb(34,92,100)
```
#642a22
```
#642a22 rgb(100,42,34)
```

Complementary Color

#22644b
```
#22644b rgb(34,100,75)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#223b64
```
#223b64 rgb(34,59,100)
```

Analogous Color

#644b22
```
#644b22 rgb(100,75,34)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#64223b
```
#64223b rgb(100,34,59)
```

Split Complementary Color

#5c6422
```
#5c6422 rgb(92,100,34)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#64225c
```
#64225c rgb(100,34,92)
```

Triadic Color

#22642a
```
#22642a rgb(34,100,42)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#64225c
```
#64225c rgb(100,34,92)
```
#642a22
```
#642a22 rgb(100,42,34)
```

Tetradic Color

#0f272b
```
#0f272b rgb(15,39,43)
```
#15393e
```
#15393e rgb(21,57,62)
```
#1c4a51
```
#1c4a51 rgb(28,74,81)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#286e77
```
#286e77 rgb(40,110,119)
```
#2f7f8a
```
#2f7f8a rgb(47,127,138)
```
#35919d
```
#35919d rgb(53,145,157)
```

Monochromatic Color

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

#22645c
```
#22645c rgb(34,100,92)
```
#226461
```
#226461 rgb(34,100,97)
```
#226264
```
#226264 rgb(34,98,100)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#225764
```
#225764 rgb(34,87,100)
```
#225164
```
#225164 rgb(34,81,100)
```
#224c64
```
#224c64 rgb(34,76,100)
```

Similar Colors

Text with hexadecimal color #225c64

This text has a font color of #225c64.

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

#225c64 background color

This paragraph has a background color of #225c64.

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

#225c64 border color

This element has a border color of #225c64.

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

CSS codes

.text {color:#225c64;}

.background {background-color:#225c64;}

.border {border:1px solid #225c64;}

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, #040b0c is the darkest color, while #fdfefe is the lightest one.

#040b0c
```
#040b0c rgb(4,11,12)
```
#09191b
```
#09191b rgb(9,25,27)
```
#0e2629
```
#0e2629 rgb(14,38,41)
```
#133438
```
#133438 rgb(19,52,56)
```
#184147
```
#184147 rgb(24,65,71)
```
#1d4f55
```
#1d4f55 rgb(29,79,85)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#276973
```
#276973 rgb(39,105,115)
```
#2c7781
```
#2c7781 rgb(44,119,129)
```
#318490
```
#318490 rgb(49,132,144)
```
#36929f
```
#36929f rgb(54,146,159)
```
#3b9fad
```
#3b9fad rgb(59,159,173)
```
#40adbc
```
#40adbc rgb(64,173,188)
```

Shade Color Variation

#4db4c2
```
#4db4c2 rgb(77,180,194)
```
#5cbac7
```
#5cbac7 rgb(92,186,199)
```
#6ac0cc
```
#6ac0cc rgb(106,192,204)
```
#79c7d1
```
#79c7d1 rgb(121,199,209)
```
#87cdd6
```
#87cdd6 rgb(135,205,214)
```
#96d3db
```
#96d3db rgb(150,211,219)
```
#a5d9e0
```
#a5d9e0 rgb(165,217,224)
```
#b3dfe5
```
#b3dfe5 rgb(179,223,229)
```
#c2e5ea
```
#c2e5ea rgb(194,229,234)
```
#d1ecef
```
#d1ecef rgb(209,236,239)
```
#dff2f4
```
#dff2f4 rgb(223,242,244)
```
#eef8f9
```
#eef8f9 rgb(238,248,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#414545
```
#414545 rgb(65,69,69)
```
#3c484a
```
#3c484a rgb(60,72,74)
```
#374c4f
```
#374c4f rgb(55,76,79)
```
#315055
```
#315055 rgb(49,80,85)
```
#2c545a
```
#2c545a rgb(44,84,90)
```
#27585f
```
#27585f rgb(39,88,95)
```
#225c64
```
#225c64 rgb(34,92,100)
```
#1d6069
```
#1d6069 rgb(29,96,105)
```
#18646e
```
#18646e rgb(24,100,110)
```
#136873
```
#136873 rgb(19,104,115)
```
#0d6c79
```
#0d6c79 rgb(13,108,121)
```
#08707e
```
#08707e rgb(8,112,126)
```
#037383
```
#037383 rgb(3,115,131)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#444f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5c67 Protanopia 1% of men
#5c5b6f Deuteranopia 1% of men
#2d646b Tritanopia 0.001% of the population

Trichromacy

#465c66 Protanomaly 1% of men, 0.01% of women
#465b6b Deuteranomaly 6% of men, 0.4% of women
#296169 Tritanomaly 0.01% of the population

#225c64 hex color

#225c64 Color Information

#225c64 Color Conversion

Color Schemes with #225c64

Alternatives to #225c64

#225c64 Preview

Shades and Tints of #225c64

Tones of #225c64

Color Blindness Simulator