Skip to the color picker

Cerulean color: #007ba7

Cerulean is #007ba7, rgb(0, 123, 167) in RGB and oklch(54.784% 0.1123 232.391) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

196°
100%

54.8%
0.112
232°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • cyan-700
  • Black 35%

Inside sRGB: displays the same on any screen.

White text
4.78:1Readable · AA
Lc -78
Black text
4.39:1Hard to read
Lc 32

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Cerulean

Similar named colors

Questions about Cerulean

What is the hex code for Cerulean?

The hex code for Cerulean is #007ba7. In RGB it is rgb(0, 123, 167), in HSL hsl(195.81, 100%, 32.75%) and in OKLCH oklch(54.784% 0.1123 232.391).

What colors go well with Cerulean?

Its complementary color is #a35c2b. For a calmer look, pair it with the analogous colors #00838d and #4c6fb2. Ready palettes with Cerulean are shown on this page.

Is Cerulean a warm or cool color?

Cerulean is a cool color with an OKLCH hue of 232 degrees.

What text color is readable on Cerulean?

White text is more readable on Cerulean: white gives a contrast ratio of 4.78:1 and black gives 4.39:1. WCAG AA asks for at least 4.5:1 for body text.

About #007ba7

#007ba7 is a bright sky blue color. In OKLCH it has 54.8% lightness, 0.112 chroma and a hue of 232°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Celadon Blue (#007ba7). In Tailwind CSS the closest color is cyan-700.

More medium sky blue colors

Lighter: #007ba7 mixed with white

  1. 007ba7

Darker: #007ba7 mixed with black

  1. 007ba7

Calmer: #007ba7 with less saturation

  1. 007ba7

Similar named colors

  • Celadon Blue#007ba7

Colors that go with #007ba7

Complementary
#007ba7
Analogous
#007ba7
Triadic
#007ba7
Split
#007ba7