colorhexa.com

#22a69f hex color

In a RGB color space, hex #22a69f is composed of 13.3% red, 65.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 4.2% yellow and 34.9% black. It has a hue angle of 176.8 degrees, a saturation of 66% and a lightness of 39.2%. #22a69f color hex could be obtained by blending #44ffff with #004d3f. Closest websafe color is: #339999.

- R 13
- G 65
- B 62
RGB color chart
- C 80
- M 0
- Y 4
- K 35
CMYK color chart

● #22a69f color description : Dark cyan.

The hexadecimal color #22a69f has RGB values of R:34, G:166, B:159 and CMYK values of C:0.8, M:0, Y:0.04, K:0.35. Its decimal value is 2270879.

Hex triplet	22a69f	`#22a69f`
RGB Decimal	34, 166, 159	`rgb(34,166,159)`
RGB Percent	13.3, 65.1, 62.4	`rgb(13.3%,65.1%,62.4%)`
CMYK	80, 0, 4, 35
HSL	176.8°, 66, 39.2	`hsl(176.8,66%,39.2%)`
HSV (or HSB)	176.8°, 79.5, 65.1
Web Safe	339999	`#339999`

CIE-LAB	61.752, -35.033, -6.171
XYZ	20.552, 30.114, 37.528
xyY	0.233, 0.341, 30.114
CIE-LCH	61.752, 35.572, 189.99
CIE-LUV	61.752, -45.98, -3.953
Hunter-Lab	54.876, -29.182, -2.134
Binary	00100010, 10100110, 10011111

#22a69f
```
#22a69f rgb(34,166,159)
```
#a62229
```
#a62229 rgb(166,34,41)
```

Complementary Color

#22a65d
```
#22a65d rgb(34,166,93)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#226ba6
```
#226ba6 rgb(34,107,166)
```

Analogous Color

#a65d22
```
#a65d22 rgb(166,93,34)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#a6226b
```
#a6226b rgb(166,34,107)
```

Split Complementary Color

#a69f22
```
#a69f22 rgb(166,159,34)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#9f22a6
```
#9f22a6 rgb(159,34,166)
```

Triadic Color

#29a622
```
#29a622 rgb(41,166,34)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#9f22a6
```
#9f22a6 rgb(159,34,166)
```
#a62229
```
#a62229 rgb(166,34,41)
```

Tetradic Color

#156762
```
#156762 rgb(21,103,98)
```
#197c76
```
#197c76 rgb(25,124,118)
```
#1e918b
```
#1e918b rgb(30,145,139)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#26bbb3
```
#26bbb3 rgb(38,187,179)
```
#2bd0c8
```
#2bd0c8 rgb(43,208,200)
```
#3dd7cf
```
#3dd7cf rgb(61,215,207)
```

Monochromatic Color

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

#22a67e
```
#22a67e rgb(34,166,126)
```
#22a689
```
#22a689 rgb(34,166,137)
```
#22a694
```
#22a694 rgb(34,166,148)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#22a2a6
```
#22a2a6 rgb(34,162,166)
```
#2297a6
```
#2297a6 rgb(34,151,166)
```
#228ca6
```
#228ca6 rgb(34,140,166)
```

Similar Colors

Text with hexadecimal color #22a69f

This text has a font color of #22a69f.

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

#22a69f background color

This paragraph has a background color of #22a69f.

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

#22a69f border color

This element has a border color of #22a69f.

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

CSS codes

.text {color:#22a69f;}

.background {background-color:#22a69f;}

.border {border:1px solid #22a69f;}

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

#010303
```
#010303 rgb(1,3,3)
```
#041313
```
#041313 rgb(4,19,19)
```
#072422
```
#072422 rgb(7,36,34)
```
#0b3432
```
#0b3432 rgb(11,52,50)
```
#0e4441
```
#0e4441 rgb(14,68,65)
```
#115551
```
#115551 rgb(17,85,81)
```
#156561
```
#156561 rgb(21,101,97)
```
#187570
```
#187570 rgb(24,117,112)
```
#1b8580
```
#1b8580 rgb(27,133,128)
```
#1f968f
```
#1f968f rgb(31,150,143)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#25b6af
```
#25b6af rgb(37,182,175)
```
#29c7be
```
#29c7be rgb(41,199,190)
```

Shade Color Variation

#2fd4cc
```
#2fd4cc rgb(47,212,204)
```
#3fd8d0
```
#3fd8d0 rgb(63,216,208)
```
#4fdbd4
```
#4fdbd4 rgb(79,219,212)
```
#5fded8
```
#5fded8 rgb(95,222,216)
```
#70e2dc
```
#70e2dc rgb(112,226,220)
```
#80e5e0
```
#80e5e0 rgb(128,229,224)
```
#90e8e4
```
#90e8e4 rgb(144,232,228)
```
#a1ece8
```
#a1ece8 rgb(161,236,232)
```
#b1efec
```
#b1efec rgb(177,239,236)
```
#c1f2f0
```
#c1f2f0 rgb(193,242,240)
```
#d1f6f4
```
#d1f6f4 rgb(209,246,244)
```
#e2f9f8
```
#e2f9f8 rgb(226,249,248)
```
#f2fcfc
```
#f2fcfc rgb(242,252,252)
```

Tint Color Variation

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

#606868
```
#606868 rgb(96,104,104)
```
#58706f
```
#58706f rgb(88,112,111)
```
#507876
```
#507876 rgb(80,120,118)
```
#48807d
```
#48807d rgb(72,128,125)
```
#418783
```
#418783 rgb(65,135,131)
```
#398f8a
```
#398f8a rgb(57,143,138)
```
#319791
```
#319791 rgb(49,151,145)
```
#2a9e98
```
#2a9e98 rgb(42,158,152)
```
#22a69f
```
#22a69f rgb(34,166,159)
```
#1aaea6
```
#1aaea6 rgb(26,174,166)
```
#13b5ad
```
#13b5ad rgb(19,181,173)
```
#0bbdb4
```
#0bbdb4 rgb(11,189,180)
```
#03c5bb
```
#03c5bb rgb(3,197,187)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6c8685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d999a Protanopia 1% of men
#a096ab Deuteranopia 1% of men
#3ca8b4 Tritanopia 0.001% of the population

Trichromacy

#709e9c Protanomaly 1% of men, 0.01% of women
#729ca6 Deuteranomaly 6% of men, 0.4% of women
#32a7ac Tritanomaly 0.01% of the population