#22bfcc hex color

In a RGB color space, hex #22bfcc is composed of 13.3% red, 74.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 6.4% magenta, 0% yellow and 20% black. It has a hue angle of 184.6 degrees, a saturation of 71.4% and a lightness of 46.7%. #22bfcc color hex could be obtained by blending #44ffff with #007f99. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 75
- B 80
RGB color chart
- C 83
- M 6
- Y 0
- K 20
CMYK color chart

● #22bfcc color description : Strong cyan.

The hexadecimal color #22bfcc has RGB values of R:34, G:191, B:204 and CMYK values of C:0.83, M:0.06, Y:0, K:0.2. Its decimal value is 2277324.

Hex triplet	22bfcc	`#22bfcc`
RGB Decimal	34, 191, 204	`rgb(34,191,204)`
RGB Percent	13.3, 74.9, 80	`rgb(13.3%,74.9%,80%)`
CMYK	83, 6, 0, 20
HSL	184.6°, 71.4, 46.7	`hsl(184.6,71.4%,46.7%)`
HSV (or HSB)	184.6°, 83.3, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.842, -33.184, -17.484
XYZ	30.186, 41.958, 63.631
xyY	0.222, 0.309, 41.958
CIE-LCH	70.842, 37.508, 207.784
CIE-LUV	70.842, -51.446, -22.388
Hunter-Lab	64.775, -30.173, -12.9
Binary	00100010, 10111111, 11001100

#22bfcc
```
#22bfcc rgb(34,191,204)
```
#cc2f22
```
#cc2f22 rgb(204,47,34)
```

Complementary Color

#22cc84
```
#22cc84 rgb(34,204,132)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```
#226acc
```
#226acc rgb(34,106,204)
```

Analogous Color

#cc8422
```
#cc8422 rgb(204,132,34)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```
#cc226a
```
#cc226a rgb(204,34,106)
```

Split Complementary Color

#bfcc22
```
#bfcc22 rgb(191,204,34)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```
#cc22bf
```
#cc22bf rgb(204,34,191)
```

Triadic Color

#22cc2f
```
#22cc2f rgb(34,204,47)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```
#cc22bf
```
#cc22bf rgb(204,34,191)
```
#cc2f22
```
#cc2f22 rgb(204,47,34)
```

Tetradic Color

#17828a
```
#17828a rgb(23,130,138)
```
#1b96a0
```
#1b96a0 rgb(27,150,160)
```
#1eabb6
```
#1eabb6 rgb(30,171,182)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```
#2ccedc
```
#2ccedc rgb(44,206,220)
```
#42d3df
```
#42d3df rgb(66,211,223)
```
#57d8e3
```
#57d8e3 rgb(87,216,227)
```

Monochromatic Color

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

#22ccaf
```
#22ccaf rgb(34,204,175)
```
#22ccbd
```
#22ccbd rgb(34,204,189)
```
#22cccb
```
#22cccb rgb(34,204,203)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```
#22b1cc
```
#22b1cc rgb(34,177,204)
```
#22a3cc
```
#22a3cc rgb(34,163,204)
```
#2295cc
```
#2295cc rgb(34,149,204)
```

Similar Colors

Text with hexadecimal color #22bfcc

This text has a font color of #22bfcc.

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

#22bfcc background color

This paragraph has a background color of #22bfcc.

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

#22bfcc border color

This element has a border color of #22bfcc.

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

CSS codes

.text {color:#22bfcc;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031213
```
#031213 rgb(3,18,19)
```
#062224
```
#062224 rgb(6,34,36)
```
#093135
```
#093135 rgb(9,49,53)
```
#0c4145
```
#0c4145 rgb(12,65,69)
```
#0e5156
```
#0e5156 rgb(14,81,86)
```
#116167
```
#116167 rgb(17,97,103)
```
#147078
```
#147078 rgb(20,112,120)
```
#178089
```
#178089 rgb(23,128,137)
```
#1a909a
```
#1a909a rgb(26,144,154)
```
#1ca0aa
```
#1ca0aa rgb(28,160,170)
```
#1fafbb
```
#1fafbb rgb(31,175,187)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```

Shade Color Variation

#27cddb
```
#27cddb rgb(39,205,219)
```
#37d1de
```
#37d1de rgb(55,209,222)
```
#48d5e1
```
#48d5e1 rgb(72,213,225)
```
#59d9e3
```
#59d9e3 rgb(89,217,227)
```
#6adde6
```
#6adde6 rgb(106,221,230)
```
#7be1e9
```
#7be1e9 rgb(123,225,233)
```
#8ce4ec
```
#8ce4ec rgb(140,228,236)
```
#9ce8ef
```
#9ce8ef rgb(156,232,239)
```
#adecf1
```
#adecf1 rgb(173,236,241)
```
#bef0f4
```
#bef0f4 rgb(190,240,244)
```
#cff4f7
```
#cff4f7 rgb(207,244,247)
```
#e0f8fa
```
#e0f8fa rgb(224,248,250)
```
#f0fcfd
```
#f0fcfd rgb(240,252,253)
```

Tint Color Variation

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

#74797a
```
#74797a rgb(116,121,122)
```
#6b8183
```
#6b8183 rgb(107,129,131)
```
#62898c
```
#62898c rgb(98,137,140)
```
#599095
```
#599095 rgb(89,144,149)
```
#50989e
```
#50989e rgb(80,152,158)
```
#47a0a7
```
#47a0a7 rgb(71,160,167)
```
#3da8b1
```
#3da8b1 rgb(61,168,177)
```
#34afba
```
#34afba rgb(52,175,186)
```
#2bb7c3
```
#2bb7c3 rgb(43,183,195)
```
#22bfcc
```
#22bfcc rgb(34,191,204)
```
#19c7d5
```
#19c7d5 rgb(25,199,213)
```
#10cfde
```
#10cfde rgb(16,207,222)
```
#07d6e7
```
#07d6e7 rgb(7,214,231)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7c9b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb0c4 Protanopia 1% of men
#aeaed6 Deuteranopia 1% of men
#2fc2d0 Tritanopia 0.001% of the population

Trichromacy

#7bb5c6 Protanomaly 1% of men, 0.01% of women
#7bb4d2 Deuteranomaly 6% of men, 0.4% of women
#2ac0ce Tritanomaly 0.01% of the population

#22bfcc hex color

#22bfcc Color Information

#22bfcc Color Conversion

Color Schemes with #22bfcc

Alternatives to #22bfcc

#22bfcc Preview

Shades and Tints of #22bfcc

Tones of #22bfcc

Color Blindness Simulator