Skip to the color picker

#336fa2 color: Lochmara

#336fa2 is rgb(51, 111, 162) in RGB and oklch(52.584% 0.10193 246.957) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

208°
100%

52.6%
0.102
247°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

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

#336fa2 is a bright sky blue color. In OKLCH it has 52.6% lightness, 0.102 chroma and a hue of 247°.

Inside sRGB: displays the same on any screen.

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

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

More medium sky blue colors

Lighter: #336fa2 mixed with white

  1. 336fa2
  2. 487dac
  3. 5d8bb5
  4. 7199bf
  5. 85a7c8
  6. 99b6d1
  7. adc4db
  8. c1d3e4
  9. d5e1ed
  10. eaf0f6

Darker: #336fa2 mixed with black

  1. 336fa2
  2. 2b608c
  3. 235177
  4. 1c4263
  5. 14344f
  6. 0d273c
  7. 071a2a
  8. 030e19
  9. 01040a
  10. 000101

Calmer: #336fa2 with less saturation

  1. 336fa2
  2. 3b6f9d
  3. 416f97
  4. 476e92
  5. 4d6e8c
  6. 536e87
  7. 586d81
  8. 5d6d7c
  9. 616c76
  10. 666b70

Questions about #336fa2

What color is #336fa2?

#336fa2 is bright sky blue. The closest named color is Lochmara. In RGB it is rgb(51, 111, 162), in HSL hsl(207.57, 52.11%, 41.76%) and in OKLCH oklch(52.584% 0.10193 246.957).

What colors go well with #336fa2?

The complementary color of #336fa2 is #915e1e. For a calmer combination use the analogous colors #007891 and #5c64a5. The triadic partners are #9b4f60 and #5b752f.

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

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

Is #336fa2 a warm or cool color?

#336fa2 is a cool color. In OKLCH its hue is 247 degrees, its lightness 52.6% and its chroma 0.102.