#22bdba hex color

In a RGB color space, hex #22bdba is composed of 13.3% red, 74.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 1.6% yellow and 25.9% black. It has a hue angle of 178.8 degrees, a saturation of 69.5% and a lightness of 43.7%. #22bdba color hex could be obtained by blending #44ffff with #007b75. Closest websafe color is: #33cccc.

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

● #22bdba color description : Strong cyan.

The hexadecimal color #22bdba has RGB values of R:34, G:189, B:186 and CMYK values of C:0.82, M:0, Y:0.02, K:0.26. Its decimal value is 2276794.

Hex triplet	22bdba	`#22bdba`
RGB Decimal	34, 189, 186	`rgb(34,189,186)`
RGB Percent	13.3, 74.1, 72.9	`rgb(13.3%,74.1%,72.9%)`
CMYK	82, 0, 2, 26
HSL	178.8°, 69.5, 43.7	`hsl(178.8,69.5%,43.7%)`
HSV (or HSB)	178.8°, 82, 74.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.667, -37.684, -9.392
XYZ	27.717, 40.278, 52.765
xyY	0.23, 0.334, 40.278
CIE-LCH	69.667, 38.837, 193.995
CIE-LUV	69.667, -52.103, -8.676
Hunter-Lab	63.465, -33.106, -4.869
Binary	00100010, 10111101, 10111010

#22bdba
```
#22bdba rgb(34,189,186)
```
#bd2225
```
#bd2225 rgb(189,34,37)
```

Complementary Color

#22bd6d
```
#22bd6d rgb(34,189,109)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#2273bd
```
#2273bd rgb(34,115,189)
```

Analogous Color

#bd6d22
```
#bd6d22 rgb(189,109,34)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#bd2273
```
#bd2273 rgb(189,34,115)
```

Split Complementary Color

#bdba22
```
#bdba22 rgb(189,186,34)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#ba22bd
```
#ba22bd rgb(186,34,189)
```

Triadic Color

#25bd22
```
#25bd22 rgb(37,189,34)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#ba22bd
```
#ba22bd rgb(186,34,189)
```
#bd2225
```
#bd2225 rgb(189,34,37)
```

Tetradic Color

#167c7a
```
#167c7a rgb(22,124,122)
```
#1a928f
```
#1a928f rgb(26,146,143)
```
#1ea7a5
```
#1ea7a5 rgb(30,167,165)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#26d3cf
```
#26d3cf rgb(38,211,207)
```
#37dbd8
```
#37dbd8 rgb(55,219,216)
```
#4ddfdc
```
#4ddfdc rgb(77,223,220)
```

Monochromatic Color

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

#22bd93
```
#22bd93 rgb(34,189,147)
```
#22bda0
```
#22bda0 rgb(34,189,160)
```
#22bdad
```
#22bdad rgb(34,189,173)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#22b3bd
```
#22b3bd rgb(34,179,189)
```
#22a6bd
```
#22a6bd rgb(34,166,189)
```
#2299bd
```
#2299bd rgb(34,153,189)
```

Similar Colors

Text with hexadecimal color #22bdba

This text has a font color of #22bdba.

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

#22bdba background color

This paragraph has a background color of #22bdba.

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

#22bdba border color

This element has a border color of #22bdba.

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

CSS codes

.text {color:#22bdba;}

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

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

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)
```
#041716
```
#041716 rgb(4,23,22)
```
#072727
```
#072727 rgb(7,39,39)
```
#0a3837
```
#0a3837 rgb(10,56,55)
```
#0d4947
```
#0d4947 rgb(13,73,71)
```
#105958
```
#105958 rgb(16,89,88)
```
#136a68
```
#136a68 rgb(19,106,104)
```
#167b79
```
#167b79 rgb(22,123,121)
```
#198b89
```
#198b89 rgb(25,139,137)
```
#1c9c99
```
#1c9c99 rgb(28,156,153)
```
#1facaa
```
#1facaa rgb(31,172,170)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#25ceca
```
#25ceca rgb(37,206,202)
```

Shade Color Variation

#2dd9d6
```
#2dd9d6 rgb(45,217,214)
```
#3edcd9
```
#3edcd9 rgb(62,220,217)
```
#4edfdc
```
#4edfdc rgb(78,223,220)
```
#5fe2e0
```
#5fe2e0 rgb(95,226,224)
```
#70e5e3
```
#70e5e3 rgb(112,229,227)
```
#80e8e6
```
#80e8e6 rgb(128,232,230)
```
#91ebe9
```
#91ebe9 rgb(145,235,233)
```
#a1eeed
```
#a1eeed rgb(161,238,237)
```
#b2f1f0
```
#b2f1f0 rgb(178,241,240)
```
#c3f4f3
```
#c3f4f3 rgb(195,244,243)
```
#d3f7f6
```
#d3f7f6 rgb(211,247,246)
```
#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 #08d7d3 is the most saturated one.

#6f7070
```
#6f7070 rgb(111,112,112)
```
#677878
```
#677878 rgb(103,120,120)
```
#5e8180
```
#5e8180 rgb(94,129,128)
```
#558a89
```
#558a89 rgb(85,138,137)
```
#4d9291
```
#4d9291 rgb(77,146,145)
```
#449b99
```
#449b99 rgb(68,155,153)
```
#3ca3a1
```
#3ca3a1 rgb(60,163,161)
```
#33acaa
```
#33acaa rgb(51,172,170)
```
#2bb4b2
```
#2bb4b2 rgb(43,180,178)
```
#22bdba
```
#22bdba rgb(34,189,186)
```
#19c6c2
```
#19c6c2 rgb(25,198,194)
```
#11ceca
```
#11ceca rgb(17,206,202)
```
#08d7d3
```
#08d7d3 rgb(8,215,211)
```

Tone Color Variation

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

#b0adb3 Protanopia 1% of men
#b3aac5 Deuteranopia 1% of men
#3dbecc Tritanopia 0.001% of the population

Trichromacy

#7cb3b5 Protanomaly 1% of men, 0.01% of women
#7eb1c1 Deuteranomaly 6% of men, 0.4% of women
#33bdc5 Tritanomaly 0.01% of the population

#22bdba hex color

#22bdba Color Information

#22bdba Color Conversion

Color Schemes with #22bdba

Alternatives to #22bdba

#22bdba Preview

Shades and Tints of #22bdba

Tones of #22bdba

Color Blindness Simulator