colorhexa.com

#22afdb hex color

In a RGB color space, hex #22afdb is composed of 13.3% red, 68.6% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 20.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 194.3 degrees, a saturation of 73.1% and a lightness of 49.6%. #22afdb color hex could be obtained by blending #44ffff with #005fb7. Closest websafe color is: #3399cc.

- R 13
- G 69
- B 86
RGB color chart
- C 84
- M 20
- Y 0
- K 14
CMYK color chart

● #22afdb color description : Bright cyan.

The hexadecimal color #22afdb has RGB values of R:34, G:175, B:219 and CMYK values of C:0.84, M:0.2, Y:0, K:0.14. Its decimal value is 2273243.

Hex triplet	22afdb	`#22afdb`
RGB Decimal	34, 175, 219	`rgb(34,175,219)`
RGB Percent	13.3, 68.6, 85.9	`rgb(13.3%,68.6%,85.9%)`
CMYK	84, 20, 0, 14
HSL	194.3°, 73.1, 49.6	`hsl(194.3,73.1%,49.6%)`
HSV (or HSB)	194.3°, 84.5, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.605, -20.333, -32.196
XYZ	28.772, 36.112, 72.468
xyY	0.209, 0.263, 36.112
CIE-LCH	66.605, 38.079, 237.726
CIE-LUV	66.605, -44.817, -48.328
Hunter-Lab	60.093, -19.697, -29.434
Binary	00100010, 10101111, 11011011

#22afdb
```
#22afdb rgb(34,175,219)
```
#db4e22
```
#db4e22 rgb(219,78,34)
```

Complementary Color

#22dbab
```
#22dbab rgb(34,219,171)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#2253db
```
#2253db rgb(34,83,219)
```

Analogous Color

#dbab22
```
#dbab22 rgb(219,171,34)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#db2253
```
#db2253 rgb(219,34,83)
```

Split Complementary Color

#afdb22
```
#afdb22 rgb(175,219,34)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#db22af
```
#db22af rgb(219,34,175)
```

Triadic Color

#22db4e
```
#22db4e rgb(34,219,78)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#db22af
```
#db22af rgb(219,34,175)
```
#db4e22
```
#db4e22 rgb(219,78,34)
```

Tetradic Color

#187a99
```
#187a99 rgb(24,122,153)
```
#1b8caf
```
#1b8caf rgb(27,140,175)
```
#1f9dc5
```
#1f9dc5 rgb(31,157,197)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#37b8e0
```
#37b8e0 rgb(55,184,224)
```
#4dbfe3
```
#4dbfe3 rgb(77,191,227)
```
#63c7e7
```
#63c7e7 rgb(99,199,231)
```

Monochromatic Color

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

#22dbd9
```
#22dbd9 rgb(34,219,217)
```
#22cedb
```
#22cedb rgb(34,206,219)
```
#22bedb
```
#22bedb rgb(34,190,219)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#22a0db
```
#22a0db rgb(34,160,219)
```
#2290db
```
#2290db rgb(34,144,219)
```
#2281db
```
#2281db rgb(34,129,219)
```

Similar Colors

Text with hexadecimal color #22afdb

This text has a font color of #22afdb.

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

#22afdb background color

This paragraph has a background color of #22afdb.

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

#22afdb border color

This element has a border color of #22afdb.

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

CSS codes

.text {color:#22afdb;}

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

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

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

#020c0f
```
#020c0f rgb(2,12,15)
```
#051a20
```
#051a20 rgb(5,26,32)
```
#082731
```
#082731 rgb(8,39,49)
```
#0a3542
```
#0a3542 rgb(10,53,66)
```
#0d4253
```
#0d4253 rgb(13,66,83)
```
#105064
```
#105064 rgb(16,80,100)
```
#125e75
```
#125e75 rgb(18,94,117)
```
#156b86
```
#156b86 rgb(21,107,134)
```
#177997
```
#177997 rgb(23,121,151)
```
#1a86a8
```
#1a86a8 rgb(26,134,168)
```
#1d94b9
```
#1d94b9 rgb(29,148,185)
```
#1fa1ca
```
#1fa1ca rgb(31,161,202)
```
#22afdb
```
#22afdb rgb(34,175,219)
```

Shade Color Variation

#32b6df
```
#32b6df rgb(50,182,223)
```
#42bce2
```
#42bce2 rgb(66,188,226)
```
#53c2e4
```
#53c2e4 rgb(83,194,228)
```
#64c8e7
```
#64c8e7 rgb(100,200,231)
```
#75ceea
```
#75ceea rgb(117,206,234)
```
#86d4ec
```
#86d4ec rgb(134,212,236)
```
#97daef
```
#97daef rgb(151,218,239)
```
#a8e0f2
```
#a8e0f2 rgb(168,224,242)
```
#b9e6f4
```
#b9e6f4 rgb(185,230,244)
```
#caecf7
```
#caecf7 rgb(202,236,247)
```
#dbf2f9
```
#dbf2f9 rgb(219,242,249)
```
#ecf8fc
```
#ecf8fc rgb(236,248,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7a8183
```
#7a8183 rgb(122,129,131)
```
#70868d
```
#70868d rgb(112,134,141)
```
#668b97
```
#668b97 rgb(102,139,151)
```
#5c90a1
```
#5c90a1 rgb(92,144,161)
```
#5395aa
```
#5395aa rgb(83,149,170)
```
#499bb4
```
#499bb4 rgb(73,155,180)
```
#3fa0be
```
#3fa0be rgb(63,160,190)
```
#35a5c8
```
#35a5c8 rgb(53,165,200)
```
#2caad1
```
#2caad1 rgb(44,170,209)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#18b4e5
```
#18b4e5 rgb(24,180,229)
```
#0fb9ee
```
#0fb9ee rgb(15,185,238)
```
#05bef8
```
#05bef8 rgb(5,190,248)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#75919a Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a5d3 Protanopia 1% of men
#90a5e2 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#6ea8d6 Protanomaly 1% of men, 0.01% of women
#68a8df Deuteranomaly 6% of men, 0.4% of women
#0cb4cc Tritanomaly 0.01% of the population