Skip to the color picker

#3aa396 color: Sea Kale

#3aa396 is rgb(58, 163, 150) in RGB and oklch(65.206% 0.09714 183.651) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

173°
100%

65.2%
0.097
184°
  • Teal
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • teal-600
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
3.06:1Hard to read
Lc -63
Black text
6.86:1Readable · AA
Lc 47

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #3aa396

#3aa396 is a bright teal color. In OKLCH it has 65.2% lightness, 0.097 chroma and a hue of 184°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.06:1 contrast and black text 6.86:1, so black text reads better.

The closest named color is Sea Kale (#30a299). In Tailwind CSS the closest color is teal-600.

More medium teal colors

Lighter: #3aa396 mixed with white

  1. 3aa396
  2. 54aca0
  3. 69b5aa
  4. 7ebfb4
  5. 91c8bf
  6. a4d1c9
  7. b6dad4
  8. c8e3de
  9. dbede9
  10. edf6f4

Darker: #3aa396 mixed with black

  1. 3aa396
  2. 318d82
  3. 28786e
  4. 20635b
  5. 184f49
  6. 103c37
  7. 092a26
  8. 041916
  9. 010a08
  10. 000101

Calmer: #3aa396 with less saturation

  1. 3aa396
  2. 48a195
  3. 539f95
  4. 5d9e94
  5. 669c93
  6. 6e9a93
  7. 769892
  8. 7d9692
  9. 839491
  10. 8a9290

Questions about #3aa396

What color is #3aa396?

#3aa396 is bright teal. The closest named color is Sea Kale. In RGB it is rgb(58, 163, 150), in HSL hsl(172.57, 47.51%, 43.33%) and in OKLCH oklch(65.206% 0.09714 183.651).

What colors go well with #3aa396?

The complementary color of #3aa396 is #c17689. For a calmer combination use the analogous colors #5ea174 and #389fb4. The triadic partners are #9c81c0 and #b9824d.

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

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

Is #3aa396 a warm or cool color?

#3aa396 is a cool color. In OKLCH its hue is 184 degrees, its lightness 65.2% and its chroma 0.097.