#22bcbb hex color

In a RGB color space, hex #22bcbb is composed of 13.3% red, 73.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 0.5% yellow and 26.3% black. It has a hue angle of 179.6 degrees, a saturation of 69.4% and a lightness of 43.5%. #22bcbb color hex could be obtained by blending #44ffff with #007977. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 74
- B 73
RGB color chart
- C 82
- M 0
- Y 1
- K 26
CMYK color chart

● #22bcbb color description : Strong cyan.

The hexadecimal color #22bcbb has RGB values of R:34, G:188, B:187 and CMYK values of C:0.82, M:0, Y:0.01, K:0.26. Its decimal value is 2276539.

Hex triplet	22bcbb	`#22bcbb`
RGB Decimal	34, 188, 187	`rgb(34,188,187)`
RGB Percent	13.3, 73.7, 73.3	`rgb(13.3%,73.7%,73.3%)`
CMYK	82, 0, 1, 26
HSL	179.6°, 69.4, 43.5	`hsl(179.6,69.4%,43.5%)`
HSV (or HSB)	179.6°, 81.9, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.392, -36.93, -10.351
XYZ	27.61, 39.892, 53.256
xyY	0.229, 0.33, 39.892
CIE-LCH	69.392, 38.354, 195.657
CIE-LUV	69.392, -51.679, -10.3
Hunter-Lab	63.16, -32.5, -5.781
Binary	00100010, 10111100, 10111011

#22bcbb
```
#22bcbb rgb(34,188,187)
```
#bc2223
```
#bc2223 rgb(188,34,35)
```

Complementary Color

#22bc6e
```
#22bc6e rgb(34,188,110)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#2270bc
```
#2270bc rgb(34,112,188)
```

Analogous Color

#bc6e22
```
#bc6e22 rgb(188,110,34)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#bc2270
```
#bc2270 rgb(188,34,112)
```

Split Complementary Color

#bcbb22
```
#bcbb22 rgb(188,187,34)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#bb22bc
```
#bb22bc rgb(187,34,188)
```

Triadic Color

#23bc22
```
#23bc22 rgb(35,188,34)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#bb22bc
```
#bb22bc rgb(187,34,188)
```
#bc2223
```
#bc2223 rgb(188,34,35)
```

Tetradic Color

#167b7b
```
#167b7b rgb(22,123,123)
```
#1a9190
```
#1a9190 rgb(26,145,144)
```
#1ea6a6
```
#1ea6a6 rgb(30,166,166)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#26d2d0
```
#26d2d0 rgb(38,210,208)
```
#36dbda
```
#36dbda rgb(54,219,218)
```
#4cdfde
```
#4cdfde rgb(76,223,222)
```

Monochromatic Color

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

#22bc95
```
#22bc95 rgb(34,188,149)
```
#22bca1
```
#22bca1 rgb(34,188,161)
```
#22bcae
```
#22bcae rgb(34,188,174)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#22b0bc
```
#22b0bc rgb(34,176,188)
```
#22a3bc
```
#22a3bc rgb(34,163,188)
```
#2297bc
```
#2297bc rgb(34,151,188)
```

Similar Colors

Text with hexadecimal color #22bcbb

This text has a font color of #22bcbb.

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

#22bcbb background color

This paragraph has a background color of #22bcbb.

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

#22bcbb border color

This element has a border color of #22bcbb.

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

CSS codes

.text {color:#22bcbb;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#041616
```
#041616 rgb(4,22,22)
```
#072626
```
#072626 rgb(7,38,38)
```
#0a3737
```
#0a3737 rgb(10,55,55)
```
#0d4847
```
#0d4847 rgb(13,72,71)
```
#105858
```
#105858 rgb(16,88,88)
```
#136968
```
#136968 rgb(19,105,104)
```
#167a79
```
#167a79 rgb(22,122,121)
```
#198a89
```
#198a89 rgb(25,138,137)
```
#1c9b9a
```
#1c9b9a rgb(28,155,154)
```
#1fabaa
```
#1fabaa rgb(31,171,170)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#25cdcc
```
#25cdcc rgb(37,205,204)
```

Shade Color Variation

#2cd9d8
```
#2cd9d8 rgb(44,217,216)
```
#3ddcdb
```
#3ddcdb rgb(61,220,219)
```
#4edfde
```
#4edfde rgb(78,223,222)
```
#5ee2e1
```
#5ee2e1 rgb(94,226,225)
```
#6fe5e4
```
#6fe5e4 rgb(111,229,228)
```
#7fe8e7
```
#7fe8e7 rgb(127,232,231)
```
#90ebea
```
#90ebea rgb(144,235,234)
```
#a1eeed
```
#a1eeed rgb(161,238,237)
```
#b1f1f1
```
#b1f1f1 rgb(177,241,241)
```
#c2f4f4
```
#c2f4f4 rgb(194,244,244)
```
#d2f7f7
```
#d2f7f7 rgb(210,247,247)
```
#e3fafa
```
#e3fafa rgb(227,250,250)
```
#f4fdfd
```
#f4fdfd rgb(244,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6f6f is the less saturated color, while #08d6d4 is the most saturated one.

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#667878
```
#667878 rgb(102,120,120)
```
#5e8080
```
#5e8080 rgb(94,128,128)
```
#558988
```
#558988 rgb(85,137,136)
```
#4d9191
```
#4d9191 rgb(77,145,145)
```
#449a99
```
#449a99 rgb(68,154,153)
```
#3ca2a2
```
#3ca2a2 rgb(60,162,162)
```
#33abaa
```
#33abaa rgb(51,171,170)
```
#2bb3b3
```
#2bb3b3 rgb(43,179,179)
```
#22bcbb
```
#22bcbb rgb(34,188,187)
```
#19c5c3
```
#19c5c3 rgb(25,197,195)
```
#11cdcc
```
#11cdcc rgb(17,205,204)
```
#08d6d4
```
#08d6d4 rgb(8,214,212)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#789797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeacb4 Protanopia 1% of men
#b1a9c6 Deuteranopia 1% of men
#3bbdcb Tritanopia 0.001% of the population

Trichromacy

#7bb2b6 Protanomaly 1% of men, 0.01% of women
#7db0c2 Deuteranomaly 6% of men, 0.4% of women
#32bcc5 Tritanomaly 0.01% of the population

#22bcbb hex color

#22bcbb Color Information

#22bcbb Color Conversion

Color Schemes with #22bcbb

Alternatives to #22bcbb

#22bcbb Preview

Shades and Tints of #22bcbb

Tones of #22bcbb

Color Blindness Simulator