colorhexa.com

#22f1cc hex color

In a RGB color space, hex #22f1cc is composed of 13.3% red, 94.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 0% magenta, 15.4% yellow and 5.5% black. It has a hue angle of 169.3 degrees, a saturation of 88.1% and a lightness of 53.9%. #22f1cc color hex could be obtained by blending #44ffff with #00e399. Closest websafe color is: #33ffcc.

- R 13
- G 95
- B 80
RGB color chart
- C 86
- M 0
- Y 15
- K 5
CMYK color chart

● #22f1cc color description : Vivid cyan.

The hexadecimal color #22f1cc has RGB values of R:34, G:241, B:204 and CMYK values of C:0.86, M:0, Y:0.15, K:0.05. Its decimal value is 2290124.

Hex triplet	22f1cc	`#22f1cc`
RGB Decimal	34, 241, 204	`rgb(34,241,204)`
RGB Percent	13.3, 94.5, 80	`rgb(13.3%,94.5%,80%)`
CMYK	86, 0, 15, 5
HSL	169.3°, 88.1, 53.9	`hsl(169.3,88.1%,53.9%)`
HSV (or HSB)	169.3°, 85.9, 94.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.809, -54.965, 4.658
XYZ	43.01, 67.606, 67.906
xyY	0.241, 0.379, 67.606
CIE-LCH	85.809, 55.162, 175.157
CIE-LUV	85.809, -68.479, 15.896
Hunter-Lab	82.223, -50.518, 8.59
Binary	00100010, 11110001, 11001100

#22f1cc
```
#22f1cc rgb(34,241,204)
```
#f12247
```
#f12247 rgb(241,34,71)
```

Complementary Color

#22f165
```
#22f165 rgb(34,241,101)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#22aff1
```
#22aff1 rgb(34,175,241)
```

Analogous Color

#f16522
```
#f16522 rgb(241,101,34)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#f122af
```
#f122af rgb(241,34,175)
```

Split Complementary Color

#f1cc22
```
#f1cc22 rgb(241,204,34)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#cc22f1
```
#cc22f1 rgb(204,34,241)
```

Triadic Color

#47f122
```
#47f122 rgb(71,241,34)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#cc22f1
```
#cc22f1 rgb(204,34,241)
```
#f12247
```
#f12247 rgb(241,34,71)
```

Tetradic Color

#0cbb9b
```
#0cbb9b rgb(12,187,155)
```
#0dd3af
```
#0dd3af rgb(13,211,175)
```
#0febc3
```
#0febc3 rgb(15,235,195)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#3af3d2
```
#3af3d2 rgb(58,243,210)
```
#52f4d7
```
#52f4d7 rgb(82,244,215)
```
#6af6dd
```
#6af6dd rgb(106,246,221)
```

Monochromatic Color

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

#22f198
```
#22f198 rgb(34,241,152)
```
#22f1aa
```
#22f1aa rgb(34,241,170)
```
#22f1bb
```
#22f1bb rgb(34,241,187)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#22f1dd
```
#22f1dd rgb(34,241,221)
```
#22f1ef
```
#22f1ef rgb(34,241,239)
```
#22e2f1
```
#22e2f1 rgb(34,226,241)
```

Similar Colors

Text with hexadecimal color #22f1cc

This text has a font color of #22f1cc.

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

#22f1cc background color

This paragraph has a background color of #22f1cc.

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

#22f1cc border color

This element has a border color of #22f1cc.

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

CSS codes

.text {color:#22f1cc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#011310
```
#011310 rgb(1,19,16)
```
#02251f
```
#02251f rgb(2,37,31)
```
#04382e
```
#04382e rgb(4,56,46)
```
#054a3e
```
#054a3e rgb(5,74,62)
```
#065d4d
```
#065d4d rgb(6,93,77)
```
#076f5c
```
#076f5c rgb(7,111,92)
```
#08816c
```
#08816c rgb(8,129,108)
```
#09947b
```
#09947b rgb(9,148,123)
```
#0ba68b
```
#0ba68b rgb(11,166,139)
```
#0cb99a
```
#0cb99a rgb(12,185,154)
```
#0dcba9
```
#0dcba9 rgb(13,203,169)
```
#0edeb9
```
#0edeb9 rgb(14,222,185)
```

Shade Color Variation

#10f0c8
```
#10f0c8 rgb(16,240,200)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#34f2d0
```
#34f2d0 rgb(52,242,208)
```
#47f3d5
```
#47f3d5 rgb(71,243,213)
```
#59f5d9
```
#59f5d9 rgb(89,245,217)
```
#6cf6dd
```
#6cf6dd rgb(108,246,221)
```
#7ef7e1
```
#7ef7e1 rgb(126,247,225)
```
#91f8e6
```
#91f8e6 rgb(145,248,230)
```
#a3f9ea
```
#a3f9ea rgb(163,249,234)
```
#b6faee
```
#b6faee rgb(182,250,238)
```
#c8fcf2
```
#c8fcf2 rgb(200,252,242)
```
#dafdf7
```
#dafdf7 rgb(218,253,247)
```
#edfefb
```
#edfefb rgb(237,254,251)
```

Tint Color Variation

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

#858e8c
```
#858e8c rgb(133,142,140)
```
#7c9792
```
#7c9792 rgb(124,151,146)
```
#73a098
```
#73a098 rgb(115,160,152)
```
#6aa99e
```
#6aa99e rgb(106,169,158)
```
#61b2a3
```
#61b2a3 rgb(97,178,163)
```
#58bba9
```
#58bba9 rgb(88,187,169)
```
#4fc4af
```
#4fc4af rgb(79,196,175)
```
#46cdb5
```
#46cdb5 rgb(70,205,181)
```
#3dd6bb
```
#3dd6bb rgb(61,214,187)
```
#34dfc0
```
#34dfc0 rgb(52,223,192)
```
#2be8c6
```
#2be8c6 rgb(43,232,198)
```
#22f1cc
```
#22f1cc rgb(34,241,204)
```
#19fad2
```
#19fad2 rgb(25,250,210)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#93bcb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d7c1 Protanopia 1% of men
#ebd2d9 Deuteranopia 1% of men
#59ebfc Tritanopia 0.001% of the population

Trichromacy

#9ce1c5 Protanomaly 1% of men, 0.01% of women
#a2ddd4 Deuteranomaly 6% of men, 0.4% of women
#45edea Tritanomaly 0.01% of the population