colorhexa.com

#22caf6 hex color

In a RGB color space, hex #22caf6 is composed of 13.3% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 192.5 degrees, a saturation of 92.2% and a lightness of 54.9%. #22caf6 color hex could be obtained by blending #44ffff with #0095ed. Closest websafe color is: #33ccff.

- R 13
- G 79
- B 96
RGB color chart
- C 86
- M 18
- Y 0
- K 4
CMYK color chart

● #22caf6 color description : Vivid cyan.

The hexadecimal color #22caf6 has RGB values of R:34, G:202, B:246 and CMYK values of C:0.86, M:0.18, Y:0, K:0.04. Its decimal value is 2280182.

Hex triplet	22caf6	`#22caf6`
RGB Decimal	34, 202, 246	`rgb(34,202,246)`
RGB Percent	13.3, 79.2, 96.5	`rgb(13.3%,79.2%,96.5%)`
CMYK	86, 18, 0, 4
HSL	192.5°, 92.2, 54.9	`hsl(192.5,92.2%,54.9%)`
HSV (or HSB)	192.5°, 86.2, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.595, -25.143, -32.961
XYZ	38.41, 49.231, 94.662
xyY	0.211, 0.27, 49.231
CIE-LCH	75.595, 41.456, 232.664
CIE-LUV	75.595, -52.098, -49.801
Hunter-Lab	70.165, -25.073, -30.875
Binary	00100010, 11001010, 11110110

#22caf6
```
#22caf6 rgb(34,202,246)
```
#f64e22
```
#f64e22 rgb(246,78,34)
```

Complementary Color

#22f6b8
```
#22f6b8 rgb(34,246,184)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```

Analogous Color

#f6b822
```
#f6b822 rgb(246,184,34)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#f62260
```
#f62260 rgb(246,34,96)
```

Split Complementary Color

#caf622
```
#caf622 rgb(202,246,34)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#f622ca
```
#f622ca rgb(246,34,202)
```

Triadic Color

#22f64e
```
#22f64e rgb(34,246,78)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#f622ca
```
#f622ca rgb(246,34,202)
```
#f64e22
```
#f64e22 rgb(246,78,34)
```

Tetradic Color

#089dc4
```
#089dc4 rgb(8,157,196)
```
#09b0dc
```
#09b0dc rgb(9,176,220)
```
#0ac4f5
```
#0ac4f5 rgb(10,196,245)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#3bd0f7
```
#3bd0f7 rgb(59,208,247)
```
#53d6f8
```
#53d6f8 rgb(83,214,248)
```
#6cdcf9
```
#6cdcf9 rgb(108,220,249)
```

Monochromatic Color

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

#22f6ed
```
#22f6ed rgb(34,246,237)
```
#22edf6
```
#22edf6 rgb(34,237,246)
```
#22dcf6
```
#22dcf6 rgb(34,220,246)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#22b8f6
```
#22b8f6 rgb(34,184,246)
```
#22a7f6
```
#22a7f6 rgb(34,167,246)
```
#2295f6
```
#2295f6 rgb(34,149,246)
```

Similar Colors

Text with hexadecimal color #22caf6

This text has a font color of #22caf6.

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

#22caf6 background color

This paragraph has a background color of #22caf6.

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

#22caf6 border color

This element has a border color of #22caf6.

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

CSS codes

.text {color:#22caf6;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011318
```
#011318 rgb(1,19,24)
```
#02222b
```
#02222b rgb(2,34,43)
```
#03313e
```
#03313e rgb(3,49,62)
```
#034151
```
#034151 rgb(3,65,81)
```
#045063
```
#045063 rgb(4,80,99)
```
#055f76
```
#055f76 rgb(5,95,118)
```
#066e89
```
#066e89 rgb(6,110,137)
```
#067d9c
```
#067d9c rgb(6,125,156)
```
#078caf
```
#078caf rgb(7,140,175)
```
#089bc2
```
#089bc2 rgb(8,155,194)
```
#09aad5
```
#09aad5 rgb(9,170,213)
```
#09b9e7
```
#09b9e7 rgb(9,185,231)
```

Shade Color Variation

#0fc5f5
```
#0fc5f5 rgb(15,197,245)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#35cff7
```
#35cff7 rgb(53,207,247)
```
#48d3f8
```
#48d3f8 rgb(72,211,248)
```
#5bd8f8
```
#5bd8f8 rgb(91,216,248)
```
#6ddcf9
```
#6ddcf9 rgb(109,220,249)
```
#80e1fa
```
#80e1fa rgb(128,225,250)
```
#93e5fb
```
#93e5fb rgb(147,229,251)
```
#a6eafb
```
#a6eafb rgb(166,234,251)
```
#b9eefc
```
#b9eefc rgb(185,238,252)
```
#ccf3fd
```
#ccf3fd rgb(204,243,253)
```
#def7fe
```
#def7fe rgb(222,247,254)
```
#f1fcfe
```
#f1fcfe rgb(241,252,254)
```

Tint Color Variation

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

#839195
```
#839195 rgb(131,145,149)
```
#7a969e
```
#7a969e rgb(122,150,158)
```
#729ba6
```
#729ba6 rgb(114,155,166)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#60a6b8
```
#60a6b8 rgb(96,166,184)
```
#57abc1
```
#57abc1 rgb(87,171,193)
```
#4eb0ca
```
#4eb0ca rgb(78,176,202)
```
#45b5d3
```
#45b5d3 rgb(69,181,211)
```
#3dbadb
```
#3dbadb rgb(61,186,219)
```
#34c0e4
```
#34c0e4 rgb(52,192,228)
```
#2bc5ed
```
#2bc5ed rgb(43,197,237)
```
#22caf6
```
#22caf6 rgb(34,202,246)
```
#19cfff
```
#19cfff rgb(25,207,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#84a6af Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bbeb Protanopia 1% of men
#a8bbfd Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#7dc1ef Protanomaly 1% of men, 0.01% of women
#77c0fa Deuteranomaly 6% of men, 0.4% of women
#0ccde7 Tritanomaly 0.01% of the population