Skip to the color picker

#299aa2 color: Mediterranean Swirl

#299aa2 is rgb(41, 154, 162) in RGB and oklch(62.927% 0.0969 202.121) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

184°
100%

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

Inside sRGB: displays the same on any screen.

White text
3.37:1Hard to read
Lc -66
Black text
6.24:1Readable · AA
Lc 43

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 #299aa2

#299aa2 is a bright cyan color. In OKLCH it has 62.9% lightness, 0.097 chroma and a hue of 202°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Mediterranean Swirl (#2999a2). In Tailwind CSS the closest color is teal-600.

More medium cyan colors

Lighter: #299aa2 mixed with white

  1. 299aa2
  2. 48a4ab
  3. 60aeb4
  4. 76b8bd
  5. 8ac2c7
  6. 9eccd0
  7. b2d6d9
  8. c5e0e3
  9. d8ebec
  10. ecf5f5

Darker: #299aa2 mixed with black

  1. 299aa2
  2. 22858c
  3. 1c7177
  4. 155e63
  5. 0f4b4f
  6. 09393c
  7. 05272a
  8. 021719
  9. 01090a
  10. 000101

Calmer: #299aa2 with less saturation

  1. 299aa2
  2. 3b98a0
  3. 48979d
  4. 53959b
  5. 5d9498
  6. 669295
  7. 6e9093
  8. 758e90
  9. 7c8d8e
  10. 838b8b

Questions about #299aa2

What color is #299aa2?

#299aa2 is bright cyan. The closest named color is Mediterranean Swirl. In RGB it is rgb(41, 154, 162), in HSL hsl(183.97, 59.61%, 39.8%) and in OKLCH oklch(62.927% 0.0969 202.121).

What colors go well with #299aa2?

The complementary color of #299aa2 is #bd716e. For a calmer combination use the analogous colors #3e9c82 and #4393b9. The triadic partners are #a575ac and #a6833e.

Is white or black text more readable on #299aa2?

White text reads better on #299aa2: white gives a contrast ratio of 3.37:1 and black gives 6.24:1. WCAG AA asks for at least 4.5:1 for body text.

Is #299aa2 a warm or cool color?

#299aa2 is a cool color. In OKLCH its hue is 202 degrees, its lightness 62.9% and its chroma 0.097.