#22bdbb hex color

In a RGB color space, hex #22bdbb is composed of 13.3% red, 74.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 1.1% yellow and 25.9% black. It has a hue angle of 179.2 degrees, a saturation of 69.5% and a lightness of 43.7%. #22bdbb color hex could be obtained by blending #44ffff with #007b77. 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

● #22bdbb color description : Strong cyan.

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

Hex triplet	22bdbb	`#22bdbb`
RGB Decimal	34, 189, 187	`rgb(34,189,187)`
RGB Percent	13.3, 74.1, 73.3	`rgb(13.3%,74.1%,73.3%)`
CMYK	82, 0, 1, 26
HSL	179.2°, 69.5, 43.7	`hsl(179.2,69.5%,43.7%)`
HSV (or HSB)	179.2°, 82, 74.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.697, -37.39, -9.896
XYZ	27.824, 40.32, 53.327
xyY	0.229, 0.332, 40.32
CIE-LCH	69.697, 38.677, 194.825
CIE-LUV	69.697, -52.028, -9.517
Hunter-Lab	63.498, -32.906, -5.344
Binary	00100010, 10111101, 10111011

#22bdbb
```
#22bdbb rgb(34,189,187)
```
#bd2224
```
#bd2224 rgb(189,34,36)
```

Complementary Color

#22bd6e
```
#22bd6e rgb(34,189,110)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#2272bd
```
#2272bd rgb(34,114,189)
```

Analogous Color

#bd6e22
```
#bd6e22 rgb(189,110,34)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#bd2272
```
#bd2272 rgb(189,34,114)
```

Split Complementary Color

#bdbb22
```
#bdbb22 rgb(189,187,34)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#bb22bd
```
#bb22bd rgb(187,34,189)
```

Triadic Color

#24bd22
```
#24bd22 rgb(36,189,34)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#bb22bd
```
#bb22bd rgb(187,34,189)
```
#bd2224
```
#bd2224 rgb(189,34,36)
```

Tetradic Color

#167c7b
```
#167c7b rgb(22,124,123)
```
#1a9290
```
#1a9290 rgb(26,146,144)
```
#1ea7a6
```
#1ea7a6 rgb(30,167,166)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#26d3d0
```
#26d3d0 rgb(38,211,208)
```
#37dbd9
```
#37dbd9 rgb(55,219,217)
```
#4ddfdd
```
#4ddfdd rgb(77,223,221)
```

Monochromatic Color

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

#22bd94
```
#22bd94 rgb(34,189,148)
```
#22bda1
```
#22bda1 rgb(34,189,161)
```
#22bdae
```
#22bdae rgb(34,189,174)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#22b2bd
```
#22b2bd rgb(34,178,189)
```
#22a5bd
```
#22a5bd rgb(34,165,189)
```
#2298bd
```
#2298bd rgb(34,152,189)
```

Similar Colors

Text with hexadecimal color #22bdbb

This text has a font color of #22bdbb.

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

#22bdbb background color

This paragraph has a background color of #22bdbb.

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

#22bdbb border color

This element has a border color of #22bdbb.

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

CSS codes

.text {color:#22bdbb;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#041717
```
#041717 rgb(4,23,23)
```
#072727
```
#072727 rgb(7,39,39)
```
#0a3837
```
#0a3837 rgb(10,56,55)
```
#0d4948
```
#0d4948 rgb(13,73,72)
```
#105958
```
#105958 rgb(16,89,88)
```
#136a69
```
#136a69 rgb(19,106,105)
```
#167b79
```
#167b79 rgb(22,123,121)
```
#198b8a
```
#198b8a rgb(25,139,138)
```
#1c9c9a
```
#1c9c9a rgb(28,156,154)
```
#1facab
```
#1facab rgb(31,172,171)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#25cecb
```
#25cecb rgb(37,206,203)
```

Shade Color Variation

#2dd9d7
```
#2dd9d7 rgb(45,217,215)
```
#3edcda
```
#3edcda rgb(62,220,218)
```
#4edfdd
```
#4edfdd rgb(78,223,221)
```
#5fe2e1
```
#5fe2e1 rgb(95,226,225)
```
#70e5e4
```
#70e5e4 rgb(112,229,228)
```
#80e8e7
```
#80e8e7 rgb(128,232,231)
```
#91ebea
```
#91ebea rgb(145,235,234)
```
#a1eeed
```
#a1eeed rgb(161,238,237)
```
#b2f1f0
```
#b2f1f0 rgb(178,241,240)
```
#c3f4f4
```
#c3f4f4 rgb(195,244,244)
```
#d3f7f7
```
#d3f7f7 rgb(211,247,247)
```
#e4fafa
```
#e4fafa rgb(228,250,250)
```
#f5fdfd
```
#f5fdfd rgb(245,253,253)
```

Tint Color Variation

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

#6f7070
```
#6f7070 rgb(111,112,112)
```
#677878
```
#677878 rgb(103,120,120)
```
#5e8181
```
#5e8181 rgb(94,129,129)
```
#558a89
```
#558a89 rgb(85,138,137)
```
#4d9291
```
#4d9291 rgb(77,146,145)
```
#449b9a
```
#449b9a rgb(68,155,154)
```
#3ca3a2
```
#3ca3a2 rgb(60,163,162)
```
#33acaa
```
#33acaa rgb(51,172,170)
```
#2bb4b3
```
#2bb4b3 rgb(43,180,179)
```
#22bdbb
```
#22bdbb rgb(34,189,187)
```
#19c6c3
```
#19c6c3 rgb(25,198,195)
```
#11cecc
```
#11cecc rgb(17,206,204)
```
#08d7d4
```
#08d7d4 rgb(8,215,212)
```

Tone Color Variation

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

#afadb4 Protanopia 1% of men
#b2aac6 Deuteranopia 1% of men
#3cbecc Tritanopia 0.001% of the population

Trichromacy

#7cb3b6 Protanomaly 1% of men, 0.01% of women
#7eb1c2 Deuteranomaly 6% of men, 0.4% of women
#32bdc5 Tritanomaly 0.01% of the population

#22bdbb hex color

#22bdbb Color Information

#22bdbb Color Conversion

Color Schemes with #22bdbb

Alternatives to #22bdbb

#22bdbb Preview

Shades and Tints of #22bdbb

Tones of #22bdbb

Color Blindness Simulator