# #22a196 color: Ceramic Blue Turquoise

#22a196 is rgb(34, 161, 150) in RGB and oklch(64.148% 0.10532 185.928) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/22a196

## Formats

| Format | Value |
| --- | --- |
| HEX | #22a196 |
| RGB | rgb(34, 161, 150) |
| HSL | hsl(174.8, 65.13%, 38.24%) |
| HSB / HSV | hsv(174.8 78.88% 63.14%) |
| HWB | hwb(174.8 13.33% 36.86%) |
| CMYK | cmyk(79% 0% 7% 37%) |
| Lab | lab(59.67 -36.28 -4.34) |
| LCH | lch(59.67 36.54 186.82) |
| OKLab | oklab(64.148% -0.10476 -0.01088) |
| OKLCH | oklch(64.148% 0.10532 185.928) |
| Display P3 | color(display-p3 0.30637 0.62222 0.58717) |
| Rec. 2020 | color(rec2020 0.35539 0.57028 0.54473) |
| Adobe RGB | color(a98-rgb 0.371 0.62555 0.58461) |
| ProPhoto RGB | color(prophoto-rgb 0.37244 0.53234 0.5181) |
| Linear sRGB | color(srgb-linear 0.016 0.3564 0.30499) |
| XYZ D65 | color(xyz-d65 0.18908 0.28031 0.33269) |
| XYZ D50 | color(xyz-d50 0.18788 0.27755 0.25261) |
| SwiftUI | Color(red: 0.133, green: 0.631, blue: 0.588) |
| UIKit | UIColor(red: 0.133, green: 0.631, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFF22A196) |
| Android XML | #22A196 |

## Facts

- Closest name: Ceramic Blue Turquoise
- Hue family: Teal, bright teal
- Closest Tailwind class: teal-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.18:1
- Contrast with black: 6.61:1

## Tints

#22a196, #45aaa0, #5fb4aa, #75bdb4, #8ac7bf, #9ed0c9, #b2d9d4, #c5e3de, #d9ece9, #ecf6f4

## Shades

#22a196, #1c8b82, #16766e, #11625b, #0b4e49, #073c37, #032a26, #011916, #000908, #000101

## Tones

#22a196, #389f95, #479d94, #539b93, #5e9992, #679791, #709590, #78938f, #7f918e, #868f8d

## Harmonies

- Complementary: #22a196, #c27083
- Split: #22a196, #b573a5, #c4745f
- Analogous: #22a196, #51a071, #259cb5
- Triadic: #22a196, #9c7bbf, #b87f41
- Tetradic: #22a196, #5292c9, #c27083, #b87f41
- Square: #22a196, #7b87cc, #c27083, #a08c39
- Monochromatic: #22a196, #00574f, #007c72, #54c7bb, #7eefe2

## Questions about #22a196

### What color is #22a196?

#22a196 is bright teal. The closest named color is Ceramic Blue Turquoise. In RGB it is rgb(34, 161, 150), in HSL hsl(174.8, 65.13%, 38.24%) and in OKLCH oklch(64.148% 0.10532 185.928).

### What colors go well with #22a196?

The complementary color of #22a196 is #c27083. For a calmer combination use the analogous colors #51a071 and #259cb5. The triadic partners are #9c7bbf and #b87f41.

### Is white or black text more readable on #22a196?

Black text reads better on #22a196: white gives a contrast ratio of 3.18:1 and black gives 6.61:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #22a196 a warm or cool color?

#22a196 is a cool color. In OKLCH its hue is 186 degrees, its lightness 64.1% and its chroma 0.105.