#22a1c0 hex color

In a RGB color space, hex #22a1c0 is composed of 13.3% red, 63.1% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 16.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 191.8 degrees, a saturation of 69.9% and a lightness of 44.3%. #22a1c0 color hex could be obtained by blending #44ffff with #004381. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 63
- B 75
RGB color chart
- C 82
- M 16
- Y 0
- K 25
CMYK color chart

● #22a1c0 color description : Strong cyan.

The hexadecimal color #22a1c0 has RGB values of R:34, G:161, B:192 and CMYK values of C:0.82, M:0.16, Y:0, K:0.25. Its decimal value is 2269632.

Hex triplet	22a1c0	`#22a1c0`
RGB Decimal	34, 161, 192	`rgb(34,161,192)`
RGB Percent	13.3, 63.1, 75.3	`rgb(13.3%,63.1%,75.3%)`
CMYK	82, 16, 0, 25
HSL	191.8°, 69.9, 44.3	`hsl(191.8,69.9%,44.3%)`
HSV (or HSB)	191.8°, 82.3, 75.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.337, -22.148, -25.34
XYZ	22.916, 29.633, 54.378
xyY	0.214, 0.277, 29.633
CIE-LCH	61.337, 33.654, 228.845
CIE-LUV	61.337, -41.836, -36.179
Hunter-Lab	54.437, -20.12, -21.121
Binary	00100010, 10100001, 11000000

#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#c04122
```
#c04122 rgb(192,65,34)
```

Complementary Color

#22c090
```
#22c090 rgb(34,192,144)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#2252c0
```
#2252c0 rgb(34,82,192)
```

Analogous Color

#c09022
```
#c09022 rgb(192,144,34)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#c02252
```
#c02252 rgb(192,34,82)
```

Split Complementary Color

#a1c022
```
#a1c022 rgb(161,192,34)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#c022a1
```
#c022a1 rgb(192,34,161)
```

Triadic Color

#22c041
```
#22c041 rgb(34,192,65)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#c022a1
```
#c022a1 rgb(192,34,161)
```
#c04122
```
#c04122 rgb(192,65,34)
```

Tetradic Color

#166b7f
```
#166b7f rgb(22,107,127)
```
#1a7d95
```
#1a7d95 rgb(26,125,149)
```
#1e8faa
```
#1e8faa rgb(30,143,170)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#26b3d6
```
#26b3d6 rgb(38,179,214)
```
#39bcdc
```
#39bcdc rgb(57,188,220)
```
#4fc3e0
```
#4fc3e0 rgb(79,195,224)
```

Monochromatic Color

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

#22c0b8
```
#22c0b8 rgb(34,192,184)
```
#22bbc0
```
#22bbc0 rgb(34,187,192)
```
#22aec0
```
#22aec0 rgb(34,174,192)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#2294c0
```
#2294c0 rgb(34,148,192)
```
#2287c0
```
#2287c0 rgb(34,135,192)
```
#227ac0
```
#227ac0 rgb(34,122,192)
```

Similar Colors

Text with hexadecimal color #22a1c0

This text has a font color of #22a1c0.

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

#22a1c0 background color

This paragraph has a background color of #22a1c0.

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

#22a1c0 border color

This element has a border color of #22a1c0.

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

CSS codes

.text {color:#22a1c0;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#041519
```
#041519 rgb(4,21,25)
```
#07232a
```
#07232a rgb(7,35,42)
```
#0a313b
```
#0a313b rgb(10,49,59)
```
#0d3f4b
```
#0d3f4b rgb(13,63,75)
```
#104d5c
```
#104d5c rgb(16,77,92)
```
#135b6d
```
#135b6d rgb(19,91,109)
```
#16697d
```
#16697d rgb(22,105,125)
```
#19778e
```
#19778e rgb(25,119,142)
```
#1c859f
```
#1c859f rgb(28,133,159)
```
#1f93af
```
#1f93af rgb(31,147,175)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#25afd1
```
#25afd1 rgb(37,175,209)
```

Shade Color Variation

#2fb9da
```
#2fb9da rgb(47,185,218)
```
#40bedd
```
#40bedd rgb(64,190,221)
```
#50c4e0
```
#50c4e0 rgb(80,196,224)
```
#61cae3
```
#61cae3 rgb(97,202,227)
```
#72cfe6
```
#72cfe6 rgb(114,207,230)
```
#82d5e9
```
#82d5e9 rgb(130,213,233)
```
#93daec
```
#93daec rgb(147,218,236)
```
#a4e0ef
```
#a4e0ef rgb(164,224,239)
```
#b4e6f2
```
#b4e6f2 rgb(180,230,242)
```
#c5ebf5
```
#c5ebf5 rgb(197,235,245)
```
#d6f1f8
```
#d6f1f8 rgb(214,241,248)
```
#e6f7fb
```
#e6f7fb rgb(230,247,251)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#707172
```
#707172 rgb(112,113,114)
```
#68777a
```
#68777a rgb(104,119,122)
```
#5f7c83
```
#5f7c83 rgb(95,124,131)
```
#56818c
```
#56818c rgb(86,129,140)
```
#4d8795
```
#4d8795 rgb(77,135,149)
```
#458c9d
```
#458c9d rgb(69,140,157)
```
#3c91a6
```
#3c91a6 rgb(60,145,166)
```
#3396af
```
#3396af rgb(51,150,175)
```
#2b9cb7
```
#2b9cb7 rgb(43,156,183)
```
#22a1c0
```
#22a1c0 rgb(34,161,192)
```
#19a6c9
```
#19a6c9 rgb(25,166,201)
```
#11acd1
```
#11acd1 rgb(17,172,209)
```
#08b1da
```
#08b1da rgb(8,177,218)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6c868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9198ba Protanopia 1% of men
#8b97c8 Deuteranopia 1% of men
#0aa8b4 Tritanopia 0.001% of the population

Trichromacy

#689bbc Protanomaly 1% of men, 0.01% of women
#659bc5 Deuteranomaly 6% of men, 0.4% of women
#12a5b8 Tritanomaly 0.01% of the population

#22a1c0 hex color

#22a1c0 Color Information

#22a1c0 Color Conversion

Color Schemes with #22a1c0

Alternatives to #22a1c0

#22a1c0 Preview

Shades and Tints of #22a1c0

Tones of #22a1c0

Color Blindness Simulator