Skip to the color picker

#339ba2 color: Empress Envy

#339ba2 is rgb(51, 155, 162) in RGB and oklch(63.417% 0.09297 201.563) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

184°
100%

63.4%
0.093
202°
  • Cyan
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • teal-600
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
3.31:1Hard to read
Lc -66
Black text
6.35:1Readable · AA
Lc 44

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 #339ba2

#339ba2 is a bright cyan color. In OKLCH it has 63.4% lightness, 0.093 chroma and a hue of 202°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Empress Envy (#2a9ca0). In Tailwind CSS the closest color is teal-600.

More medium cyan colors

Lighter: #339ba2 mixed with white

  1. 339ba2
  2. 4ea5ab
  3. 65afb4
  4. 79b9bd
  5. 8dc3c6
  6. a1cdd0
  7. b4d7d9
  8. c7e1e2
  9. d9ebec
  10. ecf5f5

Darker: #339ba2 mixed with black

  1. 339ba2
  2. 2b868c
  3. 237277
  4. 1c5e63
  5. 144b4f
  6. 0d393c
  7. 07282a
  8. 031819
  9. 01090a
  10. 000101

Calmer: #339ba2 with less saturation

  1. 339ba2
  2. 429aa0
  3. 4e989d
  4. 58969b
  5. 619599
  6. 699396
  7. 709294
  8. 779091
  9. 7e8e8f
  10. 848c8d

Questions about #339ba2

What color is #339ba2?

#339ba2 is bright cyan. The closest named color is Empress Envy. In RGB it is rgb(51, 155, 162), in HSL hsl(183.78, 52.11%, 41.76%) and in OKLCH oklch(63.417% 0.09297 201.563).

What colors go well with #339ba2?

The complementary color of #339ba2 is #bc7371. For a calmer combination use the analogous colors #469d83 and #4894b9. The triadic partners are #a577ac and #a78544.

Is white or black text more readable on #339ba2?

White text reads better on #339ba2: white gives a contrast ratio of 3.31:1 and black gives 6.35:1. WCAG AA asks for at least 4.5:1 for body text.

Is #339ba2 a warm or cool color?

#339ba2 is a cool color. In OKLCH its hue is 202 degrees, its lightness 63.4% and its chroma 0.093.