Skip to the color picker

#307aac color: Vermeer Blue

#307aac is rgb(48, 122, 172) in RGB and oklch(55.653% 0.10623 241.954) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

204°
100%

55.7%
0.106
242°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • cyan-700
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
4.66:1Readable · AA
Lc -78
Black text
4.51:1Readable · AA
Lc 32

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 #307aac

#307aac is a bright sky blue color. In OKLCH it has 55.7% lightness, 0.106 chroma and a hue of 242°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Vermeer Blue (#2b7caf). In Tailwind CSS the closest color is cyan-700.

More medium sky blue colors

Lighter: #307aac mixed with white

  1. 307aac
  2. 4887b5
  3. 5d94bd
  4. 71a1c6
  5. 86aece
  6. 9abcd6
  7. aec9df
  8. c2d6e7
  9. d6e4ef
  10. eaf1f7

Darker: #307aac mixed with black

  1. 307aac
  2. 286995
  3. 21597f
  4. 1a4969
  5. 133a54
  6. 0c2b40
  7. 061d2d
  8. 03101b
  9. 01050b
  10. 000101

Calmer: #307aac with less saturation

  1. 307aac
  2. 3a7aa7
  3. 4379a1
  4. 4a799b
  5. 517896
  6. 587890
  7. 5e778b
  8. 637685
  9. 69757f
  10. 6e7479

Questions about #307aac

What color is #307aac?

#307aac is bright sky blue. The closest named color is Vermeer Blue. In RGB it is rgb(48, 122, 172), in HSL hsl(204.19, 56.36%, 43.14%) and in OKLCH oklch(55.653% 0.10623 241.954).

What colors go well with #307aac?

The complementary color of #307aac is #9f6429. For a calmer combination use the analogous colors #008397 and #5e6fb2. The triadic partners are #a6576f and #697d2f.

Is white or black text more readable on #307aac?

White text reads better on #307aac: white gives a contrast ratio of 4.66:1 and black gives 4.51:1. WCAG AA asks for at least 4.5:1 for body text.

Is #307aac a warm or cool color?

#307aac is a cool color. In OKLCH its hue is 242 degrees, its lightness 55.7% and its chroma 0.106.