colorhexa.com

#22afc4 hex color

In a RGB color space, hex #22afc4 is composed of 13.3% red, 68.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 10.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 187.8 degrees, a saturation of 70.4% and a lightness of 45.1%. #22afc4 color hex could be obtained by blending #44ffff with #005f89. Closest websafe color is: #3399cc.

- R 13
- G 69
- B 77
RGB color chart
- C 83
- M 11
- Y 0
- K 23
CMYK color chart

● #22afc4 color description : Strong cyan.

The hexadecimal color #22afc4 has RGB values of R:34, G:175, B:196 and CMYK values of C:0.83, M:0.11, Y:0, K:0.23. Its decimal value is 2273220.

Hex triplet	22afc4	`#22afc4`
RGB Decimal	34, 175, 196	`rgb(34,175,196)`
RGB Percent	13.3, 68.6, 76.9	`rgb(13.3%,68.6%,76.9%)`
CMYK	83, 11, 0, 23
HSL	187.8°, 70.4, 45.1	`hsl(187.8,70.4%,45.1%)`
HSV (or HSB)	187.8°, 82.7, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.735, -27.939, -20.835
XYZ	25.951, 34.983, 57.606
xyY	0.219, 0.295, 34.983
CIE-LCH	65.735, 34.852, 216.713
CIE-LUV	65.735, -46.463, -28.348
Hunter-Lab	59.146, -25.189, -16.343
Binary	00100010, 10101111, 11000100

#22afc4
```
#22afc4 rgb(34,175,196)
```
#c43722
```
#c43722 rgb(196,55,34)
```

Complementary Color

#22c488
```
#22c488 rgb(34,196,136)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#225ec4
```
#225ec4 rgb(34,94,196)
```

Analogous Color

#c48822
```
#c48822 rgb(196,136,34)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#c4225e
```
#c4225e rgb(196,34,94)
```

Split Complementary Color

#afc422
```
#afc422 rgb(175,196,34)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#c422af
```
#c422af rgb(196,34,175)
```

Triadic Color

#22c437
```
#22c437 rgb(34,196,55)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#c422af
```
#c422af rgb(196,34,175)
```
#c43722
```
#c43722 rgb(196,55,34)
```

Tetradic Color

#177583
```
#177583 rgb(23,117,131)
```
#1a8899
```
#1a8899 rgb(26,136,153)
```
#1e9cae
```
#1e9cae rgb(30,156,174)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#26c2d9
```
#26c2d9 rgb(38,194,217)
```
#3cc8dd
```
#3cc8dd rgb(60,200,221)
```
#52cee1
```
#52cee1 rgb(82,206,225)
```

Monochromatic Color

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

#22c4b1
```
#22c4b1 rgb(34,196,177)
```
#22c4be
```
#22c4be rgb(34,196,190)
```
#22bdc4
```
#22bdc4 rgb(34,189,196)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#22a2c4
```
#22a2c4 rgb(34,162,196)
```
#2294c4
```
#2294c4 rgb(34,148,196)
```
#2287c4
```
#2287c4 rgb(34,135,196)
```

Similar Colors

Text with hexadecimal color #22afc4

This text has a font color of #22afc4.

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

#22afc4 background color

This paragraph has a background color of #22afc4.

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

#22afc4 border color

This element has a border color of #22afc4.

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

CSS codes

.text {color:#22afc4;}

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

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

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, #020b0c is the darkest color, while #fafefe is the lightest one.

#020b0c
```
#020b0c rgb(2,11,12)
```
#051a1d
```
#051a1d rgb(5,26,29)
```
#08292e
```
#08292e rgb(8,41,46)
```
#0b383e
```
#0b383e rgb(11,56,62)
```
#0e474f
```
#0e474f rgb(14,71,79)
```
#115560
```
#115560 rgb(17,85,96)
```
#146470
```
#146470 rgb(20,100,112)
```
#167381
```
#167381 rgb(22,115,129)
```
#198292
```
#198292 rgb(25,130,146)
```
#1c91a3
```
#1c91a3 rgb(28,145,163)
```
#1fa0b3
```
#1fa0b3 rgb(31,160,179)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#25bed5
```
#25bed5 rgb(37,190,213)
```

Shade Color Variation

#32c5db
```
#32c5db rgb(50,197,219)
```
#43cade
```
#43cade rgb(67,202,222)
```
#53cfe1
```
#53cfe1 rgb(83,207,225)
```
#64d3e4
```
#64d3e4 rgb(100,211,228)
```
#75d8e7
```
#75d8e7 rgb(117,216,231)
```
#85ddea
```
#85ddea rgb(133,221,234)
```
#96e2ed
```
#96e2ed rgb(150,226,237)
```
#a7e6f0
```
#a7e6f0 rgb(167,230,240)
```
#b8ebf3
```
#b8ebf3 rgb(184,235,243)
```
#c8f0f6
```
#c8f0f6 rgb(200,240,246)
```
#d9f4f8
```
#d9f4f8 rgb(217,244,248)
```
#eaf9fb
```
#eaf9fb rgb(234,249,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#727474
```
#727474 rgb(114,116,116)
```
#697b7d
```
#697b7d rgb(105,123,125)
```
#608186
```
#608186 rgb(96,129,134)
```
#57888f
```
#57888f rgb(87,136,143)
```
#4e8e98
```
#4e8e98 rgb(78,142,152)
```
#4595a1
```
#4595a1 rgb(69,149,161)
```
#3d9ba9
```
#3d9ba9 rgb(61,155,169)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#19b6cd
```
#19b6cd rgb(25,182,205)
```
#10bcd6
```
#10bcd6 rgb(16,188,214)
```
#07c3df
```
#07c3df rgb(7,195,223)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#738f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa3bd Protanopia 1% of men
#9ca1cd Deuteranopia 1% of men
#24b4c1 Tritanopia 0.001% of the population

Trichromacy

#71a7bf Protanomaly 1% of men, 0.01% of women
#70a6ca Deuteranomaly 6% of men, 0.4% of women
#23b2c2 Tritanomaly 0.01% of the population