What color is Columbia Blue?
Columbia blue is a soft, muted sky blue with a slight grey-green undertone, hex #C4D8E2, similar in tone to a pale robin's egg. It is lighter and hazier than a clear summer sky, with a quiet, washed-out quality.
What is the meaning of the color Columbia Blue?
Columbia University in New York City adopted this shade of blue as part of its official athletic identity, with the color in use since the late 19th century. The name connects directly to the university, where it became a recognized identifier for its sports teams and institutional branding. Lighter and cooler than royal blue, it was chosen to stand apart from the deeper blues used by rival Ivy League schools. Columbia blue is the registered team color of Columbia University Athletics.
RGB
196, 216, 226
HSL
200°, 34%, 83%
CMYK
13, 4, 0, 11
HSV
200°, 13%, 89%
What colors go with Columbia Blue?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #C4D8E2 |
color: #C4D8E2;
|
| RGB | 196, 216, 226 |
color: rgb(196, 216, 226);
|
| RGB Percentage | 77%, 85%, 89% |
color: rgb(77%, 85%, 89%);
|
| CMYK | 13%, 4%, 0%, 11% | Not supported in CSS |
| HSL | 200°, 34%, 83% |
color: hsl(200, 34%, 83%);
|
| HSV | 200°, 13%, 89% | Not supported in CSS |
| CIE-LAB | 66, -4, -3 |
color: lab(66% -4 -3);
|
| Decimal | 12900578 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.columbia-blue {
color: #C4D8E2;
}
SCSS
$columbia-blue: #C4D8E2;
RGB
rgb(196, 216, 226)
Accessibility & Contrast
White background
1.47:1
1.47
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
14.27:1
14.27
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element