#22b0ba hex color

In a RGB color space, hex #22b0ba is composed of 13.3% red, 69% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 5.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 183.9 degrees, a saturation of 69.1% and a lightness of 43.1%. #22b0ba color hex could be obtained by blending #44ffff with #006175. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 69
- B 73
RGB color chart
- C 82
- M 5
- Y 0
- K 27
CMYK color chart

● #22b0ba color description : Strong cyan.

The hexadecimal color #22b0ba has RGB values of R:34, G:176, B:186 and CMYK values of C:0.82, M:0.05, Y:0, K:0.27. Its decimal value is 2273466.

Hex triplet	22b0ba	`#22b0ba`
RGB Decimal	34, 176, 186	`rgb(34,176,186)`
RGB Percent	13.3, 69, 72.9	`rgb(13.3%,69%,72.9%)`
CMYK	82, 5, 0, 27
HSL	183.9°, 69.1, 43.1	`hsl(183.9,69.1%,43.1%)`
HSV (or HSB)	183.9°, 81.7, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.697, -31.589, -15.348
XYZ	25.045, 34.933, 51.875
xyY	0.224, 0.312, 34.933
CIE-LCH	65.697, 35.12, 205.914
CIE-LUV	65.697, -47.548, -18.933
Hunter-Lab	59.105, -27.794, -10.664
Binary	00100010, 10110000, 10111010

#22b0ba
```
#22b0ba rgb(34,176,186)
```
#ba2c22
```
#ba2c22 rgb(186,44,34)
```

Complementary Color

#22ba78
```
#22ba78 rgb(34,186,120)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#2264ba
```
#2264ba rgb(34,100,186)
```

Analogous Color

#ba7822
```
#ba7822 rgb(186,120,34)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#ba2264
```
#ba2264 rgb(186,34,100)
```

Split Complementary Color

#b0ba22
```
#b0ba22 rgb(176,186,34)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#ba22b0
```
#ba22b0 rgb(186,34,176)
```

Triadic Color

#22ba2c
```
#22ba2c rgb(34,186,44)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#ba22b0
```
#ba22b0 rgb(186,34,176)
```
#ba2c22
```
#ba2c22 rgb(186,44,34)
```

Tetradic Color

#167379
```
#167379 rgb(22,115,121)
```
#1a878f
```
#1a878f rgb(26,135,143)
```
#1e9ca4
```
#1e9ca4 rgb(30,156,164)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#26c4d0
```
#26c4d0 rgb(38,196,208)
```
#35cfda
```
#35cfda rgb(53,207,218)
```
#4ad4de
```
#4ad4de rgb(74,212,222)
```

Monochromatic Color

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

#22ba9e
```
#22ba9e rgb(34,186,158)
```
#22baab
```
#22baab rgb(34,186,171)
```
#22bab7
```
#22bab7 rgb(34,186,183)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#22a3ba
```
#22a3ba rgb(34,163,186)
```
#2297ba
```
#2297ba rgb(34,151,186)
```
#228aba
```
#228aba rgb(34,138,186)
```

Similar Colors

Text with hexadecimal color #22b0ba

This text has a font color of #22b0ba.

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

#22b0ba background color

This paragraph has a background color of #22b0ba.

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

#22b0ba border color

This element has a border color of #22b0ba.

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

CSS codes

.text {color:#22b0ba;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041314
```
#041314 rgb(4,19,20)
```
#072325
```
#072325 rgb(7,35,37)
```
#0a3235
```
#0a3235 rgb(10,50,53)
```
#0d4246
```
#0d4246 rgb(13,66,70)
```
#105256
```
#105256 rgb(16,82,86)
```
#136267
```
#136267 rgb(19,98,103)
```
#167178
```
#167178 rgb(22,113,120)
```
#198188
```
#198188 rgb(25,129,136)
```
#1c9199
```
#1c9199 rgb(28,145,153)
```
#1fa0a9
```
#1fa0a9 rgb(31,160,169)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#25c0cb
```
#25c0cb rgb(37,192,203)
```

Shade Color Variation

#2bcdd8
```
#2bcdd8 rgb(43,205,216)
```
#3cd1db
```
#3cd1db rgb(60,209,219)
```
#4cd5de
```
#4cd5de rgb(76,213,222)
```
#5dd9e1
```
#5dd9e1 rgb(93,217,225)
```
#6ddde4
```
#6ddde4 rgb(109,221,228)
```
#7ee0e7
```
#7ee0e7 rgb(126,224,231)
```
#8ee4ea
```
#8ee4ea rgb(142,228,234)
```
#9fe8ed
```
#9fe8ed rgb(159,232,237)
```
#b0ecf0
```
#b0ecf0 rgb(176,236,240)
```
#c0f0f4
```
#c0f0f4 rgb(192,240,244)
```
#d1f4f7
```
#d1f4f7 rgb(209,244,247)
```
#e1f8fa
```
#e1f8fa rgb(225,248,250)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #667576 is the less saturated color, while #00cddc is the most saturated one.

#667576
```
#667576 rgb(102,117,118)
```
#5d7d7f
```
#5d7d7f rgb(93,125,127)
```
#558487
```
#558487 rgb(85,132,135)
```
#4c8b90
```
#4c8b90 rgb(76,139,144)
```
#449398
```
#449398 rgb(68,147,152)
```
#3b9aa1
```
#3b9aa1 rgb(59,154,161)
```
#33a1a9
```
#33a1a9 rgb(51,161,169)
```
#2aa9b2
```
#2aa9b2 rgb(42,169,178)
```
#22b0ba
```
#22b0ba rgb(34,176,186)
```
#1ab7c2
```
#1ab7c2 rgb(26,183,194)
```
#11bfcb
```
#11bfcb rgb(17,191,203)
```
#09c6d3
```
#09c6d3 rgb(9,198,211)
```
#00cddc
```
#00cddc rgb(0,205,220)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#738f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a3b3 Protanopia 1% of men
#a2a1c4 Deuteranopia 1% of men
#31b3c0 Tritanopia 0.001% of the population

Trichromacy

#73a8b6 Protanomaly 1% of men, 0.01% of women
#73a6c0 Deuteranomaly 6% of men, 0.4% of women
#2bb2be Tritanomaly 0.01% of the population

#22b0ba hex color

#22b0ba Color Information

#22b0ba Color Conversion

Color Schemes with #22b0ba

Alternatives to #22b0ba

#22b0ba Preview

Shades and Tints of #22b0ba

Tones of #22b0ba

Color Blindness Simulator