Skip to the color picker

#339aaf color: Sports Blue

#339aaf is rgb(51, 154, 175) in RGB and oklch(63.683% 0.09657 214.164) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

190°
100%

63.7%
0.097
214°
  • Cyan
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
3.29:1Hard to read
Lc -65
Black text
6.38: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 #339aaf

#339aaf is a bright cyan color. In OKLCH it has 63.7% lightness, 0.097 chroma and a hue of 214°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.29:1 contrast and black text 6.38:1, so black text reads better.

The closest named color is Sports Blue (#399bb4). In Tailwind CSS the closest color is cyan-600.

More medium cyan colors

Lighter: #339aaf mixed with white

  1. 339aaf
  2. 4ea4b7
  3. 65aebf
  4. 79b8c7
  5. 8dc2cf
  6. a1ccd7
  7. b4d6df
  8. c6e0e7
  9. d9ebef
  10. ecf5f7

Darker: #339aaf mixed with black

  1. 339aaf
  2. 2b8598
  3. 237181
  4. 1c5e6b
  5. 144b56
  6. 0d3941
  7. 07272e
  8. 03171c
  9. 01090b
  10. 000101

Calmer: #339aaf with less saturation

  1. 339aaf
  2. 4299ab
  3. 4e97a8
  4. 5896a4
  5. 6195a1
  6. 69939d
  7. 71929a
  8. 789096
  9. 7f8e92
  10. 858d8f

Questions about #339aaf

What color is #339aaf?

#339aaf is bright cyan. The closest named color is Sports Blue. In RGB it is rgb(51, 154, 175), in HSL hsl(190.16, 54.87%, 44.31%) and in OKLCH oklch(63.683% 0.09657 214.164).

What colors go well with #339aaf?

The complementary color of #339aaf is #be7564. For a calmer combination use the analogous colors #359e92 and #5591c2. The triadic partners are #af75a3 and #9e8a41.

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

Black text reads better on #339aaf: white gives a contrast ratio of 3.29:1 and black gives 6.38:1. WCAG AA asks for at least 4.5:1 for body text.

Is #339aaf a warm or cool color?

#339aaf is a cool color. In OKLCH its hue is 214 degrees, its lightness 63.7% and its chroma 0.097.