Skip to the color picker

#348a75 color: Ionian

#348a75 is rgb(52, 138, 117) in RGB and oklch(57.547% 0.08876 174.078) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

165°
100%

57.5%
0.089
174°
  • Teal
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • teal-600
  • Black 46%

Inside sRGB: displays the same on any screen.

White text
4.17:1Hard to read
Lc -74
Black text
5.04:1Readable · AA
Lc 36

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 #348a75

#348a75 is a bright teal color. In OKLCH it has 57.5% lightness, 0.089 chroma and a hue of 174°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.17:1 contrast and black text 5.04:1, so white text reads better.

The closest named color is Ionian (#368976). In Tailwind CSS the closest color is teal-600.

More medium teal colors

Lighter: #348a75 mixed with white

  1. 348a75
  2. 4c9582
  3. 62a18f
  4. 76ac9c
  5. 8ab8aa
  6. 9dc4b8
  7. b1cfc6
  8. c4dbd4
  9. d8e7e2
  10. ebf3f0

Darker: #348a75 mixed with black

  1. 348a75
  2. 2c7765
  3. 246555
  4. 1c5346
  5. 154237
  6. 0e3229
  7. 07221c
  8. 03140f
  9. 010705
  10. 000101

Calmer: #348a75 with less saturation

  1. 348a75
  2. 3f8875
  3. 488776
  4. 508576
  5. 578477
  6. 5e8277
  7. 648077
  8. 697e78
  9. 6f7d78
  10. 747b78

Questions about #348a75

What color is #348a75?

#348a75 is bright teal. The closest named color is Ionian. In RGB it is rgb(52, 138, 117), in HSL hsl(165.35, 45.26%, 37.25%) and in OKLCH oklch(57.547% 0.08876 174.078).

What colors go well with #348a75?

The complementary color of #348a75 is #a2627c. For a calmer combination use the analogous colors #578757 and #238891. The triadic partners are #7c6ea8 and #a26a44.

Is white or black text more readable on #348a75?

White text reads better on #348a75: white gives a contrast ratio of 4.17:1 and black gives 5.04:1. WCAG AA asks for at least 4.5:1 for body text.

Is #348a75 a warm or cool color?

#348a75 is a cool color. In OKLCH its hue is 174 degrees, its lightness 57.5% and its chroma 0.089.