# #2caaa2 color: Teal Me No Lies

#2caaa2 is rgb(44, 170, 162) in RGB and oklch(67.032% 0.10603 188.548) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2caaa2

## Formats

| Format | Value |
| --- | --- |
| HEX | #2caaa2 |
| RGB | rgb(44, 170, 162) |
| HSL | hsl(176.19, 58.88%, 41.96%) |
| HSB / HSV | hsv(176.19 74.12% 66.67%) |
| HWB | hwb(176.19 17.25% 33.33%) |
| CMYK | cmyk(74% 0% 5% 33%) |
| Lab | lab(62.98 -36.09 -6.15) |
| LCH | lch(62.98 36.61 189.67) |
| OKLab | oklab(67.032% -0.10486 -0.01576) |
| OKLCH | oklch(67.032% 0.10603 188.548) |
| Display P3 | color(display-p3 0.33553 0.65722 0.63306) |
| Rec. 2020 | color(rec2020 0.38776 0.60813 0.59431) |
| Adobe RGB | color(a98-rgb 0.39894 0.66074 0.63078) |
| ProPhoto RGB | color(prophoto-rgb 0.40535 0.57018 0.56726) |
| Linear sRGB | color(srgb-linear 0.02519 0.40198 0.36131) |
| XYZ D65 | color(xyz-d65 0.21934 0.31892 0.39183) |
| XYZ D50 | color(xyz-d50 0.2175 0.31568 0.29738) |
| SwiftUI | Color(red: 0.173, green: 0.667, blue: 0.635) |
| UIKit | UIColor(red: 0.173, green: 0.667, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAAA2) |
| Android XML | #2CAAA2 |

## Facts

- Closest name: Teal Me No Lies
- Hue family: Teal, bright teal
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.85:1
- Contrast with black: 7.38:1

## Tints

#2caaa2, #4cb3ab, #64bbb4, #7ac4bd, #8eccc6, #a2d5d0, #b5ddd9, #c8e6e2, #daeeec, #edf7f5

## Shades

#2caaa2, #25938c, #1e7d77, #176863, #11534f, #0a3f3c, #052d2a, #021b19, #010b0a, #000101

## Tones

#2caaa2, #40a8a1, #4fa69f, #5ba49e, #66a29d, #6fa09c, #789e9a, #809c99, #879a98, #8e9796

## Harmonies

- Complementary: #2caaa2, #cd7988
- Split: #2caaa2, #c07bab, #cd7e64
- Analogous: #2caaa2, #56a97d, #34a5c1
- Triadic: #2caaa2, #a883c7, #c08948
- Tetradic: #2caaa2, #5e9ad4, #cd7988, #c08948
- Square: #2caaa2, #878ed6, #cd7988, #a69642
- Monochromatic: #2caaa2, #00605a, #00857e, #5cd1c8, #86f8ef

## Questions about #2caaa2

### What color is #2caaa2?

#2caaa2 is bright teal. The closest named color is Teal Me No Lies. In RGB it is rgb(44, 170, 162), in HSL hsl(176.19, 58.88%, 41.96%) and in OKLCH oklch(67.032% 0.10603 188.548).

### What colors go well with #2caaa2?

The complementary color of #2caaa2 is #cd7988. For a calmer combination use the analogous colors #56a97d and #34a5c1. The triadic partners are #a883c7 and #c08948.

### Is white or black text more readable on #2caaa2?

Black text reads better on #2caaa2: white gives a contrast ratio of 2.85:1 and black gives 7.38:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2caaa2 a warm or cool color?

#2caaa2 is a cool color. In OKLCH its hue is 189 degrees, its lightness 67% and its chroma 0.106.