# #3aa671 color: Cosmic Green

#3aa671 is rgb(58, 166, 113) in RGB and oklch(64.963% 0.12696 158.187) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aa671 |
| RGB | rgb(58, 166, 113) |
| HSL | hsl(150.56, 48.21%, 43.92%) |
| HSB / HSV | hsv(150.56 65.06% 65.1%) |
| HWB | hwb(150.56 22.75% 34.9%) |
| CMYK | cmyk(65% 0% 32% 35%) |
| Lab | lab(61.03 -41.6 18.13) |
| LCH | lch(61.03 45.38 156.45) |
| OKLab | oklab(64.963% -0.11787 0.04717) |
| OKLCH | oklch(64.963% 0.12696 158.187) |
| Display P3 | color(display-p3 0.35337 0.64222 0.45978) |
| Rec. 2020 | color(rec2020 0.38162 0.59088 0.41157) |
| Adobe RGB | color(a98-rgb 0.40753 0.64508 0.45155) |
| ProPhoto RGB | color(prophoto-rgb 0.37549 0.55087 0.39572) |
| Linear sRGB | color(srgb-linear 0.04231 0.38133 0.16513) |
| XYZ D65 | color(xyz-d65 0.18361 0.29363 0.20323) |
| XYZ D50 | color(xyz-d50 0.18895 0.29279 0.15553) |
| SwiftUI | Color(red: 0.227, green: 0.651, blue: 0.443) |
| UIKit | UIColor(red: 0.227, green: 0.651, blue: 0.443, alpha: 1) |
| Flutter / Compose | Color(0xFF3AA671) |
| Android XML | #3AA671 |

## Facts

- Closest name: Cosmic Green
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.06:1
- Contrast with black: 6.87:1

## Tints

#3aa671, #54af7f, #69b88c, #7dc19a, #91caa8, #a4d3b6, #b6dcc5, #c8e4d3, #dbede1, #edf6f0

## Shades

#3aa671, #319061, #287a52, #206543, #185135, #103e27, #092b1a, #041a0e, #010a04, #000101

## Tones

#3aa671, #48a474, #53a277, #5da07a, #669d7d, #6e9b80, #759983, #7c9786, #839489, #89918c

## Harmonies

- Complementary: #3aa671, #c06faa
- Split: #3aa671, #a578ca, #cf6b80
- Analogous: #3aa671, #789d43, #00a79e
- Triadic: #3aa671, #7e86db, #d07153
- Tetradic: #3aa671, #00a0c2, #c06faa, #d07153
- Square: #3aa671, #4994d8, #c06faa, #c17f28
- Monochromatic: #3aa671, #005d2f, #00814f, #64cd95, #8cf4bb

## Questions about #3aa671

### What color is #3aa671?

#3aa671 is bright emerald. The closest named color is Cosmic Green. In RGB it is rgb(58, 166, 113), in HSL hsl(150.56, 48.21%, 43.92%) and in OKLCH oklch(64.963% 0.12696 158.187).

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

The complementary color of #3aa671 is #c06faa. For a calmer combination use the analogous colors #789d43 and #00a79e. The triadic partners are #7e86db and #d07153.

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

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

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

#3aa671 is a cool color. In OKLCH its hue is 158 degrees, its lightness 65% and its chroma 0.127.