Cerulean Color Code: HEX Code & RGB Code Values

Looking for specific cerulean color code? Get exact cerulean hex code #007BA7 and cerulean RGB code rgb(0,123,167). Complete color information for design and development projects featuring this vibrant, sky-inspired color.

HEX#007BA7

RGBrgb(0,123,167)

Shades of Cerulean

Create custom shades of cerulean with our color generator. Adjust hues, tints, and tones to find the perfect shade of cerulean for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 007BA7

  rgb(0, 123, 167)
• 126689

  rgb(18, 102, 137)
• 18516C

  rgb(24, 81, 108)
• 183D51

  rgb(24, 61, 81)
• 152A37

  rgb(21, 42, 55)
• 10191E

  rgb(16, 25, 30)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 007BA7

  rgb(0, 123, 167)
• 4C90B5

  rgb(76, 144, 181)
• 74A5C4

  rgb(116, 165, 196)
• 98BBD3

  rgb(152, 187, 211)
• BBD1E1

  rgb(187, 209, 225)
• DDE8F0

  rgb(221, 232, 240)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 007BA7

  rgb(0, 123, 167)
• 297AA1

  rgb(41, 122, 161)
• 3F7999

  rgb(63, 121, 153)
• 507790

  rgb(80, 119, 144)
• 5D7687

  rgb(93, 118, 135)
• 68747D

  rgb(104, 116, 125)
• 808080

  rgb(128, 128, 128)

Cerulean Palette

Explore curated and automatically generated color palettes featuring cerulean. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#63DCFF

Light

#4ABAE1

Medium Light

#2D9AC4

Medium

#007BA7

Medium Dark

#155572

Dark

#153241

Darkest

#081215

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#007BA7

Left Dark

#5F98BA

Left Medium

#94B6CE

Left Light

#C5D5E1

Neutral

#F5F5F5

Right Light

#EBC3B5

Right Medium

#DA9278

Right Dark

#C3613E

Complementary End

#A72C00

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#98BBD3

Medium

#007BA7

Dark

#004168

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#00A72C

Left Adjacent 1

#00A780

Main

#007BA7

Right Adjacent 1

#0027A7

Right Adjacent 2

#2C00A7

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#007BA7

Complementary

#A72C00

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#007BA7

Secondary

#A7007B

Tertiary

#7BA700

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#007BA7

Right 90°

#7F00A7

Complementary

#A72C00

Left 90°

#27A700

Tetradic

Two pairs of complementary colors

4 colors

Main

#007BA7

Secondary

#2C00A7

Complementary

#A72C00

Complementary Secondary

#7BA700

Split Complementary

Complementary colors ±30°

3 colors

Main

#007BA7

Split Left

#A70027

Split Right

#A78000

Cyclic

Circular gradient for periodic data

8 colors

0°

#007BA7

45°

#0200A7

90°

#7F00A7

135°

#A70051

180°

#A72C00

225°

#A5A700

270°

#27A700

315°

#00A756

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#9CBDC9

Pastel 1

#A9C6D1

Pastel 2

#B6CFD8

Pastel 3

#C3D8DF

Pastel 4

#D1E0E6

Deep Pastel

#DEE9ED

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Cerulean Hex & RGB Codes from Image

Upload a photo to find the exact cerulean HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Cerulean Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for cerulean shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #007BA7
• RGB:
  rgb(0, 123, 167)
• CMYK:
  cmyk(100%, 26%, 0%, 35%)
• HSV:
  hsv(196°, 100%, 65%)
• HSL:
  hsl(196°, 100%, 33%)

---

What is Cerulean?

Cerulean is a vibrant, sky-inspired blue color that resembles the clear blue sky on a sunny day. It's a cheerful, uplifting shade that evokes feelings of hope and positivity.

The hex code for cerulean is #007BA7, with RGB values of rgb(0, 123, 167). It's a bright, optimistic color.

Design Applications

Cerulean works well in travel designs, wellness branding, and cheerful graphics. It pairs beautifully with white, yellow, and coral. Use it for vacation posters, sky-themed designs, or uplifting branding.

FAQ

What is the cerulean hex code?

The cerulean hex code is #007BA7.

What colors complement cerulean?

Cerulean pairs well with white, yellow, coral, and light gray.

Where does the name cerulean come from?

Cerulean comes from the Latin word "caeruleus," meaning sky-blue.