Skip to the color picker

#336fa0 color: Lochmara

#336fa0 is rgb(51, 111, 160) in RGB and oklch(52.474% 0.09945 245.955) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

207°
100%

52.5%
0.099
246°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • cyan-700
  • Black 37%

Inside sRGB: displays the same on any screen.

White text
5.35:1Readable · AA
Lc -82
Black text
3.92:1Hard to read
Lc 28

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 #336fa0

#336fa0 is a bright sky blue color. In OKLCH it has 52.5% lightness, 0.099 chroma and a hue of 246°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Lochmara (#316ea0). In Tailwind CSS the closest color is cyan-700.

More medium sky blue colors

Lighter: #336fa0 mixed with white

  1. 336fa0
  2. 487daa
  3. 5d8bb3
  4. 7199bd
  5. 85a7c7
  6. 99b6d0
  7. adc4da
  8. c1d3e3
  9. d5e1ec
  10. eaf0f6

Darker: #336fa0 mixed with black

  1. 336fa0
  2. 2b608b
  3. 235176
  4. 1c4261
  5. 14344e
  6. 0d273b
  7. 071a29
  8. 030e19
  9. 010409
  10. 000101

Calmer: #336fa0 with less saturation

  1. 336fa0
  2. 3b6f9b
  3. 416f96
  4. 476e90
  5. 4d6e8b
  6. 536e86
  7. 586d80
  8. 5d6c7b
  9. 616c75
  10. 666b70

Questions about #336fa0

What color is #336fa0?

#336fa0 is bright sky blue. The closest named color is Lochmara. In RGB it is rgb(51, 111, 160), in HSL hsl(206.97, 51.66%, 41.37%) and in OKLCH oklch(52.474% 0.09945 245.955).

What colors go well with #336fa0?

The complementary color of #336fa0 is #915d22. For a calmer combination use the analogous colors #00788f and #5b64a3. The triadic partners are #9a5061 and #5c7430.

Is white or black text more readable on #336fa0?

White text reads better on #336fa0: white gives a contrast ratio of 5.35:1 and black gives 3.92:1. WCAG AA asks for at least 4.5:1 for body text.

Is #336fa0 a warm or cool color?

#336fa0 is a cool color. In OKLCH its hue is 246 degrees, its lightness 52.5% and its chroma 0.099.