Skip to the color picker

#2c76b2 color: North Atlantic Breeze

#2c76b2 is rgb(44, 118, 178) in RGB and oklch(54.905% 0.11825 246.849) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

207°
100%

54.9%
0.118
247°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 30%

Inside sRGB: displays the same on any screen.

White text
4.84:1Readable · AA
Lc -79
Black text
4.34: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 #2c76b2

#2c76b2 is a bright sky blue color. In OKLCH it has 54.9% lightness, 0.118 chroma and a hue of 247°.

Inside sRGB: displays the same on any screen.

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

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

More medium sky blue colors

Lighter: #2c76b2 mixed with white

  1. 2c76b2
  2. 4484ba
  3. 5a91c2
  4. 6f9fca
  5. 83acd2
  6. 98bada
  7. acc8e2
  8. c1d5e9
  9. d5e3f1
  10. eaf1f8

Darker: #2c76b2 mixed with black

  1. 2c76b2
  2. 25669a
  3. 1e5683
  4. 17476d
  5. 113857
  6. 0a2943
  7. 051c2f
  8. 020f1d
  9. 01050c
  10. 000101

Calmer: #2c76b2 with less saturation

  1. 2c76b2
  2. 3676ac
  3. 3f76a5
  4. 47769f
  5. 4e7599
  6. 557592
  7. 5b748c
  8. 617485
  9. 67737f
  10. 6c7278

Questions about #2c76b2

What color is #2c76b2?

#2c76b2 is bright sky blue. The closest named color is North Atlantic Breeze. In RGB it is rgb(44, 118, 178), in HSL hsl(206.87, 60.36%, 43.53%) and in OKLCH oklch(54.905% 0.11825 246.849).

What colors go well with #2c76b2?

The complementary color of #2c76b2 is #9e610a. For a calmer combination use the analogous colors #00819e and #6069b5. The triadic partners are #a95065 and #5f7d28.

Is white or black text more readable on #2c76b2?

White text reads better on #2c76b2: white gives a contrast ratio of 4.84:1 and black gives 4.34:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2c76b2 a warm or cool color?

#2c76b2 is a cool color. In OKLCH its hue is 247 degrees, its lightness 54.9% and its chroma 0.118.