Columbia Blue Color Code: HEX Code & RGB Code Values

Looking for specific Columbia blue color code? Get exact Columbia blue hex code #C4D8E2 and Columbia blue RGB code rgb(196,216,226). Complete color information for design and development projects featuring this sophisticated, academic color.

HEX#C4D8E2

RGBrgb(196,216,226)

Shades of Columbia Blue

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• C4D8E2

  rgb(196, 216, 226)
• A0B0B8

  rgb(160, 176, 184)
• 7E8A90

  rgb(126, 138, 144)
• 5D666A

  rgb(93, 102, 106)
• 3E4447

  rgb(62, 68, 71)
• 222426

  rgb(34, 36, 38)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• C4D8E2

  rgb(196, 216, 226)
• CEDEE7

  rgb(206, 222, 231)
• D8E5EC

  rgb(216, 229, 236)
• E1EBF0

  rgb(225, 235, 240)
• EBF2F5

  rgb(235, 242, 245)
• F5F8FA

  rgb(245, 248, 250)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• C4D8E2

  rgb(196, 216, 226)
• C6D8E0

  rgb(198, 216, 224)
• C9D7DE

  rgb(201, 215, 222)
• CCD7DC

  rgb(204, 215, 220)
• CFD6DA

  rgb(207, 214, 218)
• D2D5D7

  rgb(210, 213, 215)
• 808080

  rgb(128, 128, 128)

Columbia Blue Palette

Explore curated and automatically generated color palettes featuring columbia blue. 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

#EEF4F7

Light

#E0EAF0

Medium Light

#D2E1E9

Medium

#C4D8E2

Medium Dark

#9DB7C5

Dark

#7797A8

Darkest

#52788D

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#C4D8E2

Left Dark

#D0DFE7

Left Medium

#DDE6EB

Left Light

#E9EEF0

Neutral

#F5F5F5

Right Light

#F0EBE9

Right Medium

#ECE1DC

Right Dark

#E7D8D0

Complementary End

#E2CEC4

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#E1EBF0

Medium

#C4D8E2

Dark

#556770

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#C4E2CE

Left Adjacent 1

#C4E2DD

Main

#C4D8E2

Right Adjacent 1

#C4C9E2

Right Adjacent 2

#CEC4E2

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#C4D8E2

Complementary

#E2CEC4

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#C4D8E2

Secondary

#E2C4D8

Tertiary

#D8E2C4

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#C4D8E2

Right 90°

#DDC4E2

Complementary

#E2CEC4

Left 90°

#C9E2C4

Tetradic

Two pairs of complementary colors

4 colors

Main

#C4D8E2

Secondary

#CEC4E2

Complementary

#E2CEC4

Complementary Secondary

#D8E2C4

Split Complementary

Complementary colors ±30°

3 colors

Main

#C4D8E2

Split Left

#E2C4C9

Split Right

#E2DDC4

Cyclic

Circular gradient for periodic data

8 colors

0°

#C4D8E2

45°

#C7C4E2

90°

#DDC4E2

135°

#E2C4D0

180°

#E2CEC4

225°

#DFE2C4

270°

#C9E2C4

315°

#C4E2D5

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#ABB5BA

Pastel 1

#B6BFC3

Pastel 2

#C1C9CD

Pastel 3

#CCD3D6

Pastel 4

#D8DDDF

Deep Pastel

#E3E6E8

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 Columbia Blue Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Columbia Blue Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #C4D8E2
• RGB:
  rgb(196, 216, 226)
• CMYK:
  cmyk(13%, 4%, 0%, 11%)
• HSV:
  hsv(200°, 13%, 89%)
• HSL:
  hsl(200°, 34%, 83%)

---

What is Columbia Blue?

Columbia blue is the official color of Columbia University. It's a sophisticated, pale blue that represents academic excellence and tradition.

The hex code for Columbia blue is #C4D8E2, with RGB values of rgb(196, 216, 226). It's a refined, elegant color.

Design Applications

Columbia blue works well in academic branding, corporate designs, and sophisticated interiors. It pairs beautifully with navy blue, white, and gold. Use it for university websites, professional materials, or elegant branding.

FAQ

What is the Columbia blue hex code?

The Columbia blue hex code is #C4D8E2.

What colors go with Columbia blue?

Columbia blue pairs well with navy blue, white, gold, and charcoal.

Is this the official Columbia University color?

Yes, #C4D8E2 is the official Columbia blue used by the university.