# #3abfa2 color: First Post

#3abfa2 is rgb(58, 191, 162) in RGB and oklch(72.623% 0.12114 174.9) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3abfa2 |
| RGB | rgb(58, 191, 162) |
| HSL | hsl(166.92, 53.41%, 48.82%) |
| HSB / HSV | hsv(166.92 69.63% 74.9%) |
| HWB | hwb(166.92 22.75% 25.1%) |
| CMYK | cmyk(70% 0% 15% 25%) |
| Lab | lab(69.81 -42.44 3.76) |
| LCH | lch(69.81 42.61 174.94) |
| OKLab | oklab(72.623% -0.12066 0.01077) |
| OKLCH | oklch(72.623% 0.12114 174.9) |
| Display P3 | color(display-p3 0.39195 0.73871 0.64014) |
| Rec. 2020 | color(rec2020 0.4497 0.69529 0.60357) |
| Adobe RGB | color(a98-rgb 0.45699 0.74343 0.63463) |
| ProPhoto RGB | color(prophoto-rgb 0.45797 0.65695 0.57965) |
| Linear sRGB | color(srgb-linear 0.04231 0.521 0.36131) |
| XYZ D65 | color(xyz-d65 0.26896 0.40768 0.40635) |
| XYZ D50 | color(xyz-d50 0.27081 0.40481 0.30918) |
| SwiftUI | Color(red: 0.227, green: 0.749, blue: 0.635) |
| UIKit | UIColor(red: 0.227, green: 0.749, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF3ABFA2) |
| Android XML | #3ABFA2 |

## Facts

- Closest name: First Post
- Hue family: Teal, bright light teal
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.29:1
- Contrast with black: 9.15:1

## Tints

#3abfa2, #57c6ab, #6eccb4, #83d3bd, #96d9c6, #a9e0d0, #bbe6d9, #ccece2, #ddf3ec, #eef9f5

## Shades

#3abfa2, #31a68c, #288d77, #207563, #185e4f, #10483c, #09332a, #041f19, #010d0a, #000201

## Tones

#3abfa2, #4dbda2, #5cbba3, #69b8a3, #74b6a4, #7eb3a4, #87b1a5, #90aea5, #98aca5, #9fa9a6

## Harmonies

- Complementary: #3abfa2, #e285aa
- Split: #3abfa2, #cd8bd0, #e98780
- Analogous: #3abfa2, #74bb76, #16bcca
- Triadic: #3abfa2, #ac97eb, #e19158
- Tetradic: #3abfa2, #4db2e7, #e285aa, #e19158
- Square: #3abfa2, #81a5f3, #e285aa, #c9a042
- Monochromatic: #3abfa2, #00735c, #00997e, #69e6c8, #bafff1

## Questions about #3abfa2

### What color is #3abfa2?

#3abfa2 is bright light teal. The closest named color is First Post. In RGB it is rgb(58, 191, 162), in HSL hsl(166.92, 53.41%, 48.82%) and in OKLCH oklch(72.623% 0.12114 174.9).

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

The complementary color of #3abfa2 is #e285aa. For a calmer combination use the analogous colors #74bb76 and #16bcca. The triadic partners are #ac97eb and #e19158.

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

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

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

#3abfa2 is a cool color. In OKLCH its hue is 175 degrees, its lightness 72.6% and its chroma 0.121.
