#C4D8E2
Blue family

Columbia Blue

Also known as: serene · muted · academic · tranquil · delicate
Save
Hex #C4D8E2
RGB rgb(196, 216, 226)
HSL hsl(200°, 34%, 83%)
CMYK 13 · 4 · 0 · 11
RAL RAL 7035 · Light Grey
NCS S 1500-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In the United States, Columbia Blue is closely linked to education and institutions, particularly Columbia University, where it symbolizes intellectual pursuit. Conversely, in other regions, it might simply represent calmness and clarity, contrasting with deeper blues that convey authority or seriousness.

The term 'Columbia Blue' was first used in the late 19th century, specifically in 1910, when it was adopted by Columbia University as one of its official colors. The name 'Columbia' itself is a historical reference to Christopher Columbus, reflecting the nation's early identity and spirit.

serenemutedacademictranquildelicate

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Columbia Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Columbia Blue by lightness — from #667076 (darkest) to #E0EBF0 (lightest). Click any to copy.

-40% #667076
-30% #7D8A91
-20% #95A4AC
-10% #ACBEC7
BASE #C4D8E2
+15% #CBDDE5
+30% #D2E1E9
+50% #D9E6EC
+70% #E0EBF0

Complementary

Sitting opposite Columbia Blue at 20° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Columbia Blue.

#C4D8E2
#A2D3E0
#FFFFFF
#F5F5F5
#7FB3D5

Ocean Breeze

Calm Waters
#C4D8E2
#B0E0E6
#888888
#A3C1DA
#F0F8FF

Skyward Dreams

Dreamy Heights
#C4D8E2
#1F618D
#CCCCCC
#D5DBDB
#85C1AE

Academic Aura

Intellectual Focus

Used by

Brands and institutions known for using Columbia Blue.

Columbia University

Columbia Blue scale

A 50–900 tonal scale with Columbia Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FAFCFD
100 #F4F8FA
200 #E9F0F4
300 #DDE8EE
400 #D0E0E8
500 #C4D8E2
600 #A1B1B9
700 #818F95
800 #626C71
900 #43494D

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 14.27:1
Columbia Blue as text on… Ratio AA AAA
Aa White background 1.47:1 Fail Fail
Aa Black background 14.27:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #C4D8E2

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #C4D8E2;
CSS color-mix (lighten 30%) color-mix(in srgb, #C4D8E2 70%, white)
HSV / HSB 200°, 13%, 89%
CMYK (print) 13, 4, 0, 11
Decimal 12900578
Nearest web-safe #CCCCCC

Color vision

How Columbia Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#C4D8E2

Protanopia (no red)

#CDCDE0

Deuteranopia (no green)

#CCCADF

Tritanopia (no blue)

#C5DEDD
Ultramarine
20 / 45 Blues Lapis Lazuli
Copied!