# #3aaca2 color: Tropical Tree

#3aaca2 is rgb(58, 172, 162) in RGB and oklch(67.863% 0.1017 186.746) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3aaca2

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aaca2 |
| RGB | rgb(58, 172, 162) |
| HSL | hsl(174.74, 49.57%, 45.1%) |
| HSB / HSV | hsv(174.74 66.28% 67.45%) |
| HWB | hwb(174.74 22.75% 32.55%) |
| CMYK | cmyk(66% 0% 6% 33%) |
| Lab | lab(63.92 -34.84 -4.74) |
| LCH | lch(63.92 35.17 187.74) |
| OKLab | oklab(67.863% -0.10099 -0.01195) |
| OKLCH | oklch(67.863% 0.1017 186.746) |
| Display P3 | color(display-p3 0.36243 0.66537 0.63391) |
| Rec. 2020 | color(rec2020 0.40635 0.61729 0.59536) |
| Adobe RGB | color(a98-rgb 0.4192 0.66858 0.63112) |
| ProPhoto RGB | color(prophoto-rgb 0.41952 0.57962 0.5686) |
| Linear sRGB | color(srgb-linear 0.04231 0.41254 0.36131) |
| XYZ D65 | color(xyz-d65 0.23018 0.33012 0.39342) |
| XYZ D50 | color(xyz-d50 0.22904 0.32706 0.29865) |
| SwiftUI | Color(red: 0.227, green: 0.675, blue: 0.635) |
| UIKit | UIColor(red: 0.227, green: 0.675, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF3AACA2) |
| Android XML | #3AACA2 |

## Facts

- Closest name: Tropical Tree
- Hue family: Teal, bright teal
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.76:1
- Contrast with black: 7.6:1

## Tints

#3aaca2, #55b4ab, #6bbdb4, #7fc5bd, #93cdc6, #a5d6d0, #b8ded9, #cae6e2, #dbeeec, #edf7f5

## Shades

#3aaca2, #31958c, #287f77, #206963, #18544f, #10403c, #092d2a, #041b19, #010b0a, #000101

## Tones

#3aaca2, #4aaaa1, #56a8a0, #61a69f, #6ba49e, #74a29d, #7ca09c, #839e9b, #8b9c9a, #919a99

## Harmonies

- Complementary: #3aaca2, #cd7d8d
- Split: #3aaca2, #c07faf, #ce816b
- Analogous: #3aaca2, #5eab7e, #3da7c0
- Triadic: #3aaca2, #a887c9, #c28b50
- Tetradic: #3aaca2, #619ed3, #cd7d8d, #c28b50
- Square: #3aaca2, #8892d6, #cd7d8d, #aa9849
- Monochromatic: #3aaca2, #00625b, #00877e, #66d3c8, #8ffbef

## Questions about #3aaca2

### What color is #3aaca2?

#3aaca2 is bright teal. The closest named color is Tropical Tree. In RGB it is rgb(58, 172, 162), in HSL hsl(174.74, 49.57%, 45.1%) and in OKLCH oklch(67.863% 0.1017 186.746).

### What colors go well with #3aaca2?

The complementary color of #3aaca2 is #cd7d8d. For a calmer combination use the analogous colors #5eab7e and #3da7c0. The triadic partners are #a887c9 and #c28b50.

### Is white or black text more readable on #3aaca2?

Black text reads better on #3aaca2: white gives a contrast ratio of 2.76:1 and black gives 7.6:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3aaca2 a warm or cool color?

#3aaca2 is a cool color. In OKLCH its hue is 187 degrees, its lightness 67.9% and its chroma 0.102.