Skip to the color picker

#336fa1 color: Lochmara

#336fa1 is rgb(51, 111, 161) in RGB and oklch(52.529% 0.10069 246.463) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

207°
100%

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

Inside sRGB: displays the same on any screen.

White text
5.34:1Readable · AA
Lc -82
Black text
3.93: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 #336fa1

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

Inside sRGB: displays the same on any screen.

White text on it reaches 5.34:1 contrast and black text 3.93: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: #336fa1 mixed with white

  1. 336fa1
  2. 487dab
  3. 5d8bb4
  4. 7199be
  5. 85a7c7
  6. 99b6d1
  7. adc4da
  8. c1d3e3
  9. d5e1ed
  10. eaf0f6

Darker: #336fa1 mixed with black

  1. 336fa1
  2. 2b608b
  3. 235176
  4. 1c4262
  5. 14344e
  6. 0d273c
  7. 071a2a
  8. 030e19
  9. 010409
  10. 000101

Calmer: #336fa1 with less saturation

  1. 336fa1
  2. 3b6f9c
  3. 416f96
  4. 476e91
  5. 4d6e8c
  6. 536e86
  7. 586d81
  8. 5d6d7b
  9. 616c76
  10. 666b70

Questions about #336fa1

What color is #336fa1?

#336fa1 is bright sky blue. The closest named color is Lochmara. In RGB it is rgb(51, 111, 161), in HSL hsl(207.27, 51.89%, 41.57%) and in OKLCH oklch(52.529% 0.10069 246.463).

What colors go well with #336fa1?

The complementary color of #336fa1 is #915d20. For a calmer combination use the analogous colors #007890 and #5b64a4. The triadic partners are #9a5061 and #5b752f.

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

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

Is #336fa1 a warm or cool color?

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