# #2caaa3 color: Teal Me No Lies

#2caaa3 is rgb(44, 170, 163) in RGB and oklch(67.066% 0.1058 189.337) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2caaa3 |
| RGB | rgb(44, 170, 163) |
| HSL | hsl(176.67, 58.88%, 41.96%) |
| HSB / HSV | hsv(176.67 74.12% 66.67%) |
| HWB | hwb(176.67 17.25% 33.33%) |
| CMYK | cmyk(74% 0% 4% 33%) |
| Lab | lab(63.01 -35.87 -6.67) |
| LCH | lch(63.01 36.48 190.53) |
| OKLab | oklab(67.066% -0.1044 -0.01717) |
| OKLCH | oklch(67.066% 0.1058 189.337) |
| Display P3 | color(display-p3 0.33553 0.65722 0.63665) |
| Rec. 2020 | color(rec2020 0.38804 0.60817 0.59814) |
| Adobe RGB | color(a98-rgb 0.39894 0.66074 0.63451) |
| ProPhoto RGB | color(prophoto-rgb 0.40615 0.5703 0.57099) |
| Linear sRGB | color(srgb-linear 0.02519 0.40198 0.36625) |
| XYZ D65 | color(xyz-d65 0.22023 0.31928 0.39654) |
| XYZ D50 | color(xyz-d50 0.21821 0.31598 0.30092) |
| SwiftUI | Color(red: 0.173, green: 0.667, blue: 0.639) |
| UIKit | UIColor(red: 0.173, green: 0.667, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAAA3) |
| Android XML | #2CAAA3 |

## 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.84:1
- Contrast with black: 7.39:1

## Tints

#2caaa3, #4cb3ac, #64bbb5, #7ac4be, #8eccc7, #a2d5d0, #b5ddd9, #c8e6e3, #daeeec, #edf7f5

## Shades

#2caaa3, #25938d, #1e7d78, #176863, #11534f, #0a3f3c, #052d2a, #021b19, #010b0a, #000101

## Tones

#2caaa3, #40a8a2, #4fa6a0, #5ba49f, #66a29e, #6fa09c, #789e9b, #809c99, #879a98, #8f9897

## Harmonies

- Complementary: #2caaa3, #cd7987
- Split: #2caaa3, #c07bab, #cd7e63
- Analogous: #2caaa3, #55a97e, #35a4c2
- Triadic: #2caaa3, #a983c7, #bf8948
- Tetradic: #2caaa3, #609ad4, #cd7987, #bf8948
- Square: #2caaa3, #888ed6, #cd7987, #a59643
- Monochromatic: #2caaa3, #00605b, #00857f, #5cd1c9, #86f8f0

## Questions about #2caaa3

### What color is #2caaa3?

#2caaa3 is bright teal. The closest named color is Teal Me No Lies. In RGB it is rgb(44, 170, 163), in HSL hsl(176.67, 58.88%, 41.96%) and in OKLCH oklch(67.066% 0.1058 189.337).

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

The complementary color of #2caaa3 is #cd7987. For a calmer combination use the analogous colors #55a97e and #35a4c2. The triadic partners are #a983c7 and #bf8948.

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

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

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

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