#22685a hex color

In a RGB color space, hex #22685a is composed of 13.3% red, 40.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 0% magenta, 13.5% yellow and 59.2% black. It has a hue angle of 168 degrees, a saturation of 50.7% and a lightness of 27.1%. #22685a color hex could be obtained by blending #44d0b4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 41
- B 35
RGB color chart
- C 67
- M 0
- Y 13
- K 59
CMYK color chart

● #22685a color description : Very dark cyan.

The hexadecimal color #22685a has RGB values of R:34, G:104, B:90 and CMYK values of C:0.67, M:0, Y:0.13, K:0.59. Its decimal value is 2254938.

Hex triplet	22685a	`#22685a`
RGB Decimal	34, 104, 90	`rgb(34,104,90)`
RGB Percent	13.3, 40.8, 35.3	`rgb(13.3%,40.8%,35.3%)`
CMYK	67, 0, 13, 59
HSL	168°, 50.7, 27.1	`hsl(168,50.7%,27.1%)`
HSV (or HSB)	168°, 67.3, 40.8
Web Safe	336666	`#336666`

CIE-LAB	39.544, -25.385, 1.506
XYZ	7.455, 10.978, 11.398
xyY	0.25, 0.368, 10.978
CIE-LCH	39.544, 25.43, 176.605
CIE-LUV	39.544, -27.407, 5.42
Hunter-Lab	33.133, -17.822, 2.797
Binary	00100010, 01101000, 01011010

#22685a
```
#22685a rgb(34,104,90)
```
#682230
```
#682230 rgb(104,34,48)
```

Complementary Color

#226837
```
#226837 rgb(34,104,55)
```
#22685a
```
#22685a rgb(34,104,90)
```
#225368
```
#225368 rgb(34,83,104)
```

Analogous Color

#683722
```
#683722 rgb(104,55,34)
```
#22685a
```
#22685a rgb(34,104,90)
```
#682253
```
#682253 rgb(104,34,83)
```

Split Complementary Color

#685a22
```
#685a22 rgb(104,90,34)
```
#22685a
```
#22685a rgb(34,104,90)
```
#5a2268
```
#5a2268 rgb(90,34,104)
```

Triadic Color

#306822
```
#306822 rgb(48,104,34)
```
#22685a
```
#22685a rgb(34,104,90)
```
#5a2268
```
#5a2268 rgb(90,34,104)
```
#682230
```
#682230 rgb(104,34,48)
```

Tetradic Color

#0f2e28
```
#0f2e28 rgb(15,46,40)
```
#154239
```
#154239 rgb(21,66,57)
```
#1c5549
```
#1c5549 rgb(28,85,73)
```
#22685a
```
#22685a rgb(34,104,90)
```
#287b6b
```
#287b6b rgb(40,123,107)
```
#2f8e7b
```
#2f8e7b rgb(47,142,123)
```
#35a28c
```
#35a28c rgb(53,162,140)
```

Monochromatic Color

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

#226849
```
#226849 rgb(34,104,73)
```
#22684e
```
#22684e rgb(34,104,78)
```
#226854
```
#226854 rgb(34,104,84)
```
#22685a
```
#22685a rgb(34,104,90)
```
#226860
```
#226860 rgb(34,104,96)
```
#226866
```
#226866 rgb(34,104,102)
```
#226568
```
#226568 rgb(34,101,104)
```

Similar Colors

Text with hexadecimal color #22685a

This text has a font color of #22685a.

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

#22685a background color

This paragraph has a background color of #22685a.

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

#22685a border color

This element has a border color of #22685a.

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

CSS codes

.text {color:#22685a;}

.background {background-color:#22685a;}

.border {border:1px solid #22685a;}

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

#000100
```
#000100 rgb(0,1,0)
```
#050f0d
```
#050f0d rgb(5,15,13)
```
#0a1e1a
```
#0a1e1a rgb(10,30,26)
```
#0f2d27
```
#0f2d27 rgb(15,45,39)
```
#143c34
```
#143c34 rgb(20,60,52)
```
#184a40
```
#184a40 rgb(24,74,64)
```
#1d594d
```
#1d594d rgb(29,89,77)
```
#22685a
```
#22685a rgb(34,104,90)
```
#277767
```
#277767 rgb(39,119,103)
```
#2c8674
```
#2c8674 rgb(44,134,116)
```
#309480
```
#309480 rgb(48,148,128)
```
#35a38d
```
#35a38d rgb(53,163,141)
```
#3ab29a
```
#3ab29a rgb(58,178,154)
```

Shade Color Variation

#3fc0a7
```
#3fc0a7 rgb(63,192,167)
```
#4ec5ad
```
#4ec5ad rgb(78,197,173)
```
#5dcab4
```
#5dcab4 rgb(93,202,180)
```
#6ccfbb
```
#6ccfbb rgb(108,207,187)
```
#7ad4c2
```
#7ad4c2 rgb(122,212,194)
```
#89d9c9
```
#89d9c9 rgb(137,217,201)
```
#98ddcf
```
#98ddcf rgb(152,221,207)
```
#a7e2d6
```
#a7e2d6 rgb(167,226,214)
```
#b6e7dd
```
#b6e7dd rgb(182,231,221)
```
#c4ece4
```
#c4ece4 rgb(196,236,228)
```
#d3f1eb
```
#d3f1eb rgb(211,241,235)
```
#e2f6f2
```
#e2f6f2 rgb(226,246,242)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

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

#424847
```
#424847 rgb(66,72,71)
```
#3d4d4a
```
#3d4d4a rgb(61,77,74)
```
#37534d
```
#37534d rgb(55,83,77)
```
#325850
```
#325850 rgb(50,88,80)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#276357
```
#276357 rgb(39,99,87)
```
#22685a
```
#22685a rgb(34,104,90)
```
#1d6d5d
```
#1d6d5d rgb(29,109,93)
```
#177360
```
#177360 rgb(23,115,96)
```
#127864
```
#127864 rgb(18,120,100)
```
#0d7d67
```
#0d7d67 rgb(13,125,103)
```
#07836a
```
#07836a rgb(7,131,106)
```
#02886d
```
#02886d rgb(2,136,109)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#485653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69655d Protanopia 1% of men
#6e6267 Deuteranopia 1% of men
#366d75 Tritanopia 0.001% of the population

Trichromacy

#4f665c Protanomaly 1% of men, 0.01% of women
#526462 Deuteranomaly 6% of men, 0.4% of women
#2f6b6b Tritanomaly 0.01% of the population

#22685a hex color

#22685a Color Information

#22685a Color Conversion

Color Schemes with #22685a

Alternatives to #22685a

#22685a Preview

Shades and Tints of #22685a

Tones of #22685a

Color Blindness Simulator