#22695c hex color

In a RGB color space, hex #22695c is composed of 13.3% red, 41.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 12.4% yellow and 58.8% black. It has a hue angle of 169 degrees, a saturation of 51.1% and a lightness of 27.3%. #22695c color hex could be obtained by blending #44d2b8 with #000000. Closest websafe color is: #336666.

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

● #22695c color description : Very dark cyan.

The hexadecimal color #22695c has RGB values of R:34, G:105, B:92 and CMYK values of C:0.68, M:0, Y:0.12, K:0.59. Its decimal value is 2255196.

Hex triplet	22695c	`#22695c`
RGB Decimal	34, 105, 92	`rgb(34,105,92)`
RGB Percent	13.3, 41.2, 36.1	`rgb(13.3%,41.2%,36.1%)`
CMYK	68, 0, 12, 59
HSL	169°, 51.1, 27.3	`hsl(169,51.1%,27.3%)`
HSV (or HSB)	169°, 67.6, 41.2
Web Safe	336666	`#336666`

CIE-LAB	39.941, -25.316, 0.863
XYZ	7.642, 11.215, 11.887
xyY	0.249, 0.365, 11.215
CIE-LCH	39.941, 25.331, 178.047
CIE-LUV	39.941, -27.688, 4.589
Hunter-Lab	33.489, -17.872, 2.398
Binary	00100010, 01101001, 01011100

#22695c
```
#22695c rgb(34,105,92)
```
#69222f
```
#69222f rgb(105,34,47)
```

Complementary Color

#226939
```
#226939 rgb(34,105,57)
```
#22695c
```
#22695c rgb(34,105,92)
```
#225369
```
#225369 rgb(34,83,105)
```

Analogous Color

#693922
```
#693922 rgb(105,57,34)
```
#22695c
```
#22695c rgb(34,105,92)
```
#692253
```
#692253 rgb(105,34,83)
```

Split Complementary Color

#695c22
```
#695c22 rgb(105,92,34)
```
#22695c
```
#22695c rgb(34,105,92)
```
#5c2269
```
#5c2269 rgb(92,34,105)
```

Triadic Color

#2f6922
```
#2f6922 rgb(47,105,34)
```
#22695c
```
#22695c rgb(34,105,92)
```
#5c2269
```
#5c2269 rgb(92,34,105)
```
#69222f
```
#69222f rgb(105,34,47)
```

Tetradic Color

#0f2f29
```
#0f2f29 rgb(15,47,41)
```
#16423a
```
#16423a rgb(22,66,58)
```
#1c564b
```
#1c564b rgb(28,86,75)
```
#22695c
```
#22695c rgb(34,105,92)
```
#287c6d
```
#287c6d rgb(40,124,109)
```
#2e907e
```
#2e907e rgb(46,144,126)
```
#35a38f
```
#35a38f rgb(53,163,143)
```

Monochromatic Color

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

#22694a
```
#22694a rgb(34,105,74)
```
#226950
```
#226950 rgb(34,105,80)
```
#226956
```
#226956 rgb(34,105,86)
```
#22695c
```
#22695c rgb(34,105,92)
```
#226962
```
#226962 rgb(34,105,98)
```
#226968
```
#226968 rgb(34,105,104)
```
#226469
```
#226469 rgb(34,100,105)
```

Similar Colors

Text with hexadecimal color #22695c

This text has a font color of #22695c.

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

#22695c background color

This paragraph has a background color of #22695c.

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

#22695c border color

This element has a border color of #22695c.

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

CSS codes

.text {color:#22695c;}

.background {background-color:#22695c;}

.border {border:1px solid #22695c;}

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

#000101
```
#000101 rgb(0,1,1)
```
#05100e
```
#05100e rgb(5,16,14)
```
#0a1f1b
```
#0a1f1b rgb(10,31,27)
```
#0f2e28
```
#0f2e28 rgb(15,46,40)
```
#143d35
```
#143d35 rgb(20,61,53)
```
#184b42
```
#184b42 rgb(24,75,66)
```
#1d5a4f
```
#1d5a4f rgb(29,90,79)
```
#22695c
```
#22695c rgb(34,105,92)
```
#277869
```
#277869 rgb(39,120,105)
```
#2c8776
```
#2c8776 rgb(44,135,118)
```
#309583
```
#309583 rgb(48,149,131)
```
#35a490
```
#35a490 rgb(53,164,144)
```
#3ab39d
```
#3ab39d rgb(58,179,157)
```

Shade Color Variation

#40c1a9
```
#40c1a9 rgb(64,193,169)
```
#4ec6b0
```
#4ec6b0 rgb(78,198,176)
```
#5dcbb7
```
#5dcbb7 rgb(93,203,183)
```
#6ccfbd
```
#6ccfbd rgb(108,207,189)
```
#7bd4c4
```
#7bd4c4 rgb(123,212,196)
```
#8ad9cb
```
#8ad9cb rgb(138,217,203)
```
#99ded1
```
#99ded1 rgb(153,222,209)
```
#a7e3d8
```
#a7e3d8 rgb(167,227,216)
```
#b6e7de
```
#b6e7de rgb(182,231,222)
```
#c5ece5
```
#c5ece5 rgb(197,236,229)
```
#d4f1ec
```
#d4f1ec rgb(212,241,236)
```
#e3f6f2
```
#e3f6f2 rgb(227,246,242)
```
#f1fbf9
```
#f1fbf9 rgb(241,251,249)
```

Tint Color Variation

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

#424948
```
#424948 rgb(66,73,72)
```
#3d4e4b
```
#3d4e4b rgb(61,78,75)
```
#37544e
```
#37544e rgb(55,84,78)
```
#325952
```
#325952 rgb(50,89,82)
```
#2d5e55
```
#2d5e55 rgb(45,94,85)
```
#276459
```
#276459 rgb(39,100,89)
```
#22695c
```
#22695c rgb(34,105,92)
```
#1d6e5f
```
#1d6e5f rgb(29,110,95)
```
#177463
```
#177463 rgb(23,116,99)
```
#127966
```
#127966 rgb(18,121,102)
```
#0d7e6a
```
#0d7e6a rgb(13,126,106)
```
#07846d
```
#07846d rgb(7,132,109)
```
#028970
```
#028970 rgb(2,137,112)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a665f Protanopia 1% of men
#6e6369 Deuteranopia 1% of men
#366e76 Tritanopia 0.001% of the population

Trichromacy

#4f675d Protanomaly 1% of men, 0.01% of women
#526564 Deuteranomaly 6% of men, 0.4% of women
#2f6c6c Tritanomaly 0.01% of the population

#22695c hex color

#22695c Color Information

#22695c Color Conversion

Color Schemes with #22695c

Alternatives to #22695c

#22695c Preview

Shades and Tints of #22695c

Tones of #22695c

Color Blindness Simulator