colorhexa.com

#22695d hex color

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

- R 13
- G 41
- B 36
RGB color chart
- C 68
- M 0
- Y 11
- K 59
CMYK color chart

● #22695d color description : Very dark cyan.

The hexadecimal color #22695d has RGB values of R:34, G:105, B:93 and CMYK values of C:0.68, M:0, Y:0.11, K:0.59. Its decimal value is 2255197.

Hex triplet	22695d	`#22695d`
RGB Decimal	34, 105, 93	`rgb(34,105,93)`
RGB Percent	13.3, 41.2, 36.5	`rgb(13.3%,41.2%,36.5%)`
CMYK	68, 0, 11, 59
HSL	169.9°, 51.1, 27.3	`hsl(169.9,51.1%,27.3%)`
HSV (or HSB)	169.9°, 67.6, 41.2
Web Safe	336666	`#336666`

CIE-LAB	39.97, -25.029, 0.296
XYZ	7.686, 11.233, 12.118
xyY	0.248, 0.362, 11.233
CIE-LCH	39.97, 25.031, 179.322
CIE-LUV	39.97, -27.632, 3.809
Hunter-Lab	33.515, -17.715, 2.023
Binary	00100010, 01101001, 01011101

#22695d
```
#22695d rgb(34,105,93)
```
#69222e
```
#69222e rgb(105,34,46)
```

Complementary Color

#22693a
```
#22693a rgb(34,105,58)
```
#22695d
```
#22695d rgb(34,105,93)
```
#225269
```
#225269 rgb(34,82,105)
```

Analogous Color

#693a22
```
#693a22 rgb(105,58,34)
```
#22695d
```
#22695d rgb(34,105,93)
```
#692252
```
#692252 rgb(105,34,82)
```

Split Complementary Color

#695d22
```
#695d22 rgb(105,93,34)
```
#22695d
```
#22695d rgb(34,105,93)
```
#5d2269
```
#5d2269 rgb(93,34,105)
```

Triadic Color

#0f2f2a
```
#0f2f2a rgb(15,47,42)
```
#16423b
```
#16423b rgb(22,66,59)
```
#1c564c
```
#1c564c rgb(28,86,76)
```
#22695d
```
#22695d rgb(34,105,93)
```
#287c6e
```
#287c6e rgb(40,124,110)
```
#2e907f
```
#2e907f rgb(46,144,127)
```
#35a390
```
#35a390 rgb(53,163,144)
```

Monochromatic Color

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

#22694b
```
#22694b rgb(34,105,75)
```
#226951
```
#226951 rgb(34,105,81)
```
#226957
```
#226957 rgb(34,105,87)
```
#22695d
```
#22695d rgb(34,105,93)
```
#226963
```
#226963 rgb(34,105,99)
```
#226969
```
#226969 rgb(34,105,105)
```
#226369
```
#226369 rgb(34,99,105)
```

Similar Colors

Text with hexadecimal color #22695d

This text has a font color of #22695d.

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

#22695d background color

This paragraph has a background color of #22695d.

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

#22695d border color

This element has a border color of #22695d.

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

CSS codes

.text {color:#22695d;}

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

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

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)
```
#0f2e29
```
#0f2e29 rgb(15,46,41)
```
#143d36
```
#143d36 rgb(20,61,54)
```
#184b43
```
#184b43 rgb(24,75,67)
```
#1d5a50
```
#1d5a50 rgb(29,90,80)
```
#22695d
```
#22695d rgb(34,105,93)
```
#27786a
```
#27786a rgb(39,120,106)
```
#2c8777
```
#2c8777 rgb(44,135,119)
```
#309584
```
#309584 rgb(48,149,132)
```
#35a491
```
#35a491 rgb(53,164,145)
```
#3ab39f
```
#3ab39f rgb(58,179,159)
```

Shade Color Variation

#40c1ab
```
#40c1ab rgb(64,193,171)
```
#4ec6b2
```
#4ec6b2 rgb(78,198,178)
```
#5dcbb8
```
#5dcbb8 rgb(93,203,184)
```
#6ccfbf
```
#6ccfbf rgb(108,207,191)
```
#7bd4c5
```
#7bd4c5 rgb(123,212,197)
```
#8ad9cc
```
#8ad9cc rgb(138,217,204)
```
#99ded2
```
#99ded2 rgb(153,222,210)
```
#a7e3d9
```
#a7e3d9 rgb(167,227,217)
```
#b6e7df
```
#b6e7df rgb(182,231,223)
```
#c5ece6
```
#c5ece6 rgb(197,236,230)
```
#d4f1ec
```
#d4f1ec rgb(212,241,236)
```
#e3f6f3
```
#e3f6f3 rgb(227,246,243)
```
#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 #028972 is the most saturated one.

#424948
```
#424948 rgb(66,73,72)
```
#3d4e4b
```
#3d4e4b rgb(61,78,75)
```
#37544f
```
#37544f rgb(55,84,79)
```
#325952
```
#325952 rgb(50,89,82)
```
#2d5e56
```
#2d5e56 rgb(45,94,86)
```
#276459
```
#276459 rgb(39,100,89)
```
#22695d
```
#22695d rgb(34,105,93)
```
#1d6e61
```
#1d6e61 rgb(29,110,97)
```
#177464
```
#177464 rgb(23,116,100)
```
#127968
```
#127968 rgb(18,121,104)
```
#0d7e6b
```
#0d7e6b rgb(13,126,107)
```
#07846f
```
#07846f rgb(7,132,111)
```
#028972
```
#028972 rgb(2,137,114)
```

Tone Color Variation

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

#69665f Protanopia 1% of men
#6e636a Deuteranopia 1% of men
#366e76 Tritanopia 0.001% of the population

Trichromacy

#4f675e Protanomaly 1% of men, 0.01% of women
#526565 Deuteranomaly 6% of men, 0.4% of women
#2f6c6d Tritanomaly 0.01% of the population