Ceil

HEX: #92A1CF | Modern Palette

On White
2.55:1
FAIL
On Black
8.22:1
PASS

Color Specifications

HEX
#92A1CF
RGB
146, 161, 207
HSL
225°, 29% ,81%
CMYK
29.47, 22.22, 0, 18.82

About Ceil

Ceil (#92A1CF) is a color with RGB(146, 161, 207) and HSL(225.25°, 29.47%, 81.18%). In design, it fits Pastel, Cool styles and is suitable for Text, Background, Print. Its complementary color is #CFC092, which creates strong contrast. Its triadic palette includes #CF92A1 and #A1CF92. The name comes from caelum (Latin).

  • HEX: #92A1CF
  • RGB: 146, 161, 207
  • HSL: 225.25°, 29.47%, 81.18%
  • Style: Pastel, Cool
  • Use case: Text, Background, Print
  • Complementary color: #CFC092
  • Triadic colors: #CF92A1, #A1CF92
  • The name comes from caelum (Latin).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #92A1CF from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Pastel Cool
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #9D9DCF
Protanopia #9F9FCF
Tritanopia #89A8A8
Achromatopsia #A2A2A2

Frequently Asked Questions

Ceil (#92A1CF) is a color with RGB(146, 161, 207) and HSL(225.25°, 29.47%, 81.18%).

#92A1CF pairs strongly with #CFC092 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#92A1CF is suitable for Text, Background, Print and works well with Pastel, Cool styles.

The name Ceil is linked to caelum from Latin, meaning sky, heaven.

Name, History & Etymology

Origin Word caelum
Meaning sky, heaven
Language Latin
First Recorded Use Old French

History

The word 'ceil' (and its modern English form 'ceiling') derives from the Latin 'caelum' meaning 'sky' or 'heaven'. In Old French, this evolved into 'ciel', which referred to the 'sky' or 'canopy'. Over time, as architectural elements developed, 'ciel' began to be used for the 'inner roof' or 'upper surface of a room'. The English word 'ceiling' emerged from this Old French root, specifically from the verb 'ceilen' (to panel or line a roof), which itself came from 'ciel'. The 'g' in 'ceiling' is an English addition, likely by analogy with words like 'lining' or 'covering'. The color #92a1cf, a shade of blue, is often associated with the sky, which aligns with the original Latin meaning of 'caelum'.

First Recorded Use

13th Century

Cultural Associations

The concept of a 'ceiling' as the upper limit or boundary of a space has cultural significance beyond architecture. It can metaphorically represent a limit to growth, opportunity, or achievement (e.g., 'glass ceiling'). In art and religion, ceilings have often been decorated with elaborate frescoes or mosaics depicting heavens, gods, or celestial scenes, reinforcing the connection to the original meaning of 'sky' or 'heaven'.

Similar Named Colors
Wild Blue Yonder #A2ADD0 ΔE 4.58
Blue Bell #A2A2D0 ΔE 4.92
Vista Blue #7C9ED9 ΔE 5.88
Light Cobalt Blue #88ACE0 ΔE 6.42

Code Snippets

/* Background */
.element {
    background-color: #92A1CF;
}

/* Text */
.element {
    color: #92A1CF;
}

/* Border */
.element {
    border: 1px solid #92A1CF;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #92A1CF,
        #DDD6C1
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #92A1CF,
        #DDD6C1
    );
}

// SCSS variable
$ceil: #92A1CF;

// With RGB channels (useful for rgba() usage)
$ceil-r: 146;
$ceil-g: 161;
$ceil-b: 207;

// Usage
.element {
    background-color: $ceil;
    color: rgba($ceil-r, $ceil-g, $ceil-b, 0.8);
}