Nearest named color · #A1B3CE
#A1B3CE
Nearest named color: Mont Blanc
#A1B3CE (rgb(161 179 206), hsl(216 31% 72%), oklch(0.762 0.044 258.4)) is closest to the named color Mont Blanc. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A1B3CE
oklch(0.762 0.044 258.4)
Color conversions
- HEX
- #a1b3ce
- RGB
- rgb(161 179 206)
- HSL
- hsl(216 31% 72%)
- HWB
- hwb(216 63% 19%)
- OKLCH
- oklch(0.762 0.044 258.4)
- OKLab
- oklab(0.762 -0.009 -0.043)
- CIE Lab
- lab(72.22 -2.05 -15.95)
- LCH
- lch(72.22 16.08 262.7)
- CMYK
- cmyk(22% 13% 0% 19%)
Tints · Shades · Tones
Tints
- AABAD3
- B3C2D8
- BCC9DD
- C6D1E2
- CFD9E7
- D9E0EB
- E2E8F0
- ECF0F5
- F5F7FA
Shades
- 8B9BB3
- 768498
- 626E7F
- 4E5866
- 3C434E
- 2A2F38
- 191D23
- 090C0F
- 010102
Tones
- 9EAEC6
- 9AA9BE
- 97A3B6
- 949EAE
- 9099A6
- 8D949F
- 8A8F97
- 878A8F
- 838588
Color harmonies
Complementary +180°
- A1B3CE
Mont Blanc
- C1AF93
≈ Rock Cliffs
Analogous -30° +30°
- A1B3CE
Mont Blanc
- 96B8C8
≈ Sydney Harbour
- B0AECD
≈ Lavender Dream
Triadic +120° +240°
- A1B3CE
Mont Blanc
- CCA7A7
≈ Hydrangea Bouquet
- A4B99E
≈ Laurel Green
Split-complementary +150° +210°
- A1B3CE
Mont Blanc
- CAAA9A
≈ Powdered Allspice
- B4B495
≈ Milton
Tetradic +90° +180° +270°
- A1B3CE
Mont Blanc
- C8A7B6
≈ Fragrant Lilac
- C1AF93
≈ Rock Cliffs
- 97BBAD
≈ Moncur
Contrast & accessibility
Ag
FailOn white
WCAG 2.13:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.85:1 · APCA Lc 60
Best text color: #000000
WCAG 9.85:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--mont-blanc: #a1b3ce;
--mont-blanc-rgb: 161 179 206;
--mont-blanc-oklch: oklch(0.762 0.044 258.4);
}
.element {
color: var(--mont-blanc);
background-color: hsl(216 31% 72%);
border-color: oklch(0.762 0.044 258.4);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #a1b3ce;
--color-mont-blanc-50: #eef6ff;
--color-mont-blanc-100: #e0e8f7;
--color-mont-blanc-200: #cad5e7;
--color-mont-blanc-300: #abb8ce;
--color-mont-blanc-400: #8fa0b9;
--color-mont-blanc-500: #7587a4;
--color-mont-blanc-600: #63738a;
--color-mont-blanc-700: #4f5c6f;
--color-mont-blanc-800: #394352;
--color-mont-blanc-900: #272e39;
--color-mont-blanc-950: #151b23;
}SCSS
$mont-blanc: #a1b3ce;
$mont-blanc-rgb: 161, 179, 206;
$mont-blanc-light: mix(#fff, $mont-blanc, 20%);
$mont-blanc-dark: mix(#000, $mont-blanc, 20%);
.element {
color: $mont-blanc;
box-shadow: 0 0 0 2px rgba($mont-blanc, 0.35);
}