Skip to the color picker

#3577b2 color: North Atlantic Breeze

#3577b2 is rgb(53, 119, 178) in RGB and oklch(55.44% 0.11391 248.377) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

208°
100%

55.4%
0.114
248°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-600
  • Black 30%

Inside sRGB: displays the same on any screen.

White text
4.74:1Readable · AA
Lc -78
Black text
4.43:1Hard to read
Lc 31

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 #3577b2

#3577b2 is a bright blue color. In OKLCH it has 55.4% lightness, 0.114 chroma and a hue of 248°.

Inside sRGB: displays the same on any screen.

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

The closest named color is North Atlantic Breeze (#3676b5). In Tailwind CSS the closest color is sky-600.

More medium blue colors

Lighter: #3577b2 mixed with white

  1. 3577b2
  2. 4b84ba
  3. 5f92c2
  4. 739fca
  5. 87add2
  6. 9bbada
  7. aec8e1
  8. c2d6e9
  9. d6e3f0
  10. ebf1f8

Darker: #3577b2 mixed with black

  1. 3577b2
  2. 2d679a
  3. 255783
  4. 1d476d
  5. 153857
  6. 0e2a43
  7. 081c2f
  8. 03101d
  9. 01050c
  10. 000101

Calmer: #3577b2 with less saturation

  1. 3577b2
  2. 3e77ac
  3. 4577a6
  4. 4c77a0
  5. 527699
  6. 587693
  7. 5e768d
  8. 647586
  9. 697480
  10. 6e7479

Questions about #3577b2

What color is #3577b2?

#3577b2 is bright blue. The closest named color is North Atlantic Breeze. In RGB it is rgb(53, 119, 178), in HSL hsl(208.32, 54.11%, 45.29%) and in OKLCH oklch(55.44% 0.11391 248.377).

What colors go well with #3577b2?

The complementary color of #3577b2 is #9e6415. For a calmer combination use the analogous colors #00829f and #646bb4. The triadic partners are #aa5466 and #5f7f30.

Is white or black text more readable on #3577b2?

White text reads better on #3577b2: white gives a contrast ratio of 4.74:1 and black gives 4.43:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3577b2 a warm or cool color?

#3577b2 is a cool color. In OKLCH its hue is 248 degrees, its lightness 55.4% and its chroma 0.114.