Nächste benannte Farbe · #A1B2CE
#A1B2CE
Nächste benannte Farbe: Mont Blanc
#A1B2CE (rgb(161 178 206), hsl(217 31% 72%), oklch(0.76 0.045 260.4)) liegt am nächsten an der benannten Farbe Mont Blanc. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A1B2CE
oklch(0.76 0.045 260.4)
Farbumrechnungen
- HEX
- #a1b2ce
- RGB
- rgb(161 178 206)
- HSL
- hsl(217 31% 72%)
- HWB
- hwb(217 63% 19%)
- OKLCH
- oklch(0.76 0.045 260.4)
- OKLab
- oklab(0.76 -0.007 -0.044)
- CIE Lab
- lab(71.95 -1.54 -16.35)
- LCH
- lch(71.95 16.42 264.6)
- CMYK
- cmyk(22% 14% 0% 19%)
Tints · Shades · Tones
Tints
- AABAD3
- B3C1D8
- BCC9DD
- C6D0E2
- CFD8E7
- D9E0EB
- E2E7F0
- ECEFF5
- F5F7FA
Shades
- 8B9AB3
- 768398
- 626D7F
- 4E5766
- 3C434E
- 2A2F38
- 191D23
- 090C0F
- 010102
Tones
- 9EADC6
- 9AA8BE
- 97A3B6
- 949EAE
- 9099A6
- 8D949F
- 8A8F97
- 878A8F
- 838588
Farbharmonien
Komplementär +180°
- A1B2CE
Mont Blanc
- C0AF92
≈ Rock Cliffs
Analog -30° +30°
- A1B2CE
Mont Blanc
- 95B7C8
≈ Respite
- B0ADCC
≈ Lavender Dream
Triadisch +120° +240°
- A1B2CE
Mont Blanc
- CCA6A5
≈ Hydrangea Bouquet
- A2B89E
≈ Salvia
Geteilt komplementär +150° +210°
- A1B2CE
Mont Blanc
- C9A998
≈ Pinky Beige
- B2B494
≈ Plymouth Green
Tetradisch +90° +180° +270°
- A1B2CE
Mont Blanc
- C8A6B5
≈ Fragrant Lilac
- C0AF92
≈ Rock Cliffs
- 96BBAD
≈ Moncur
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.77:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--mont-blanc: #a1b2ce;
--mont-blanc-rgb: 161 178 206;
--mont-blanc-oklch: oklch(0.76 0.045 260.4);
}
.element {
color: var(--mont-blanc);
background-color: hsl(217 31% 72%);
border-color: oklch(0.76 0.045 260.4);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #a1b2ce;
--color-mont-blanc-50: #eef5ff;
--color-mont-blanc-100: #e0e8f7;
--color-mont-blanc-200: #cad5e8;
--color-mont-blanc-300: #abb8cf;
--color-mont-blanc-400: #909fb9;
--color-mont-blanc-500: #7587a4;
--color-mont-blanc-600: #63728b;
--color-mont-blanc-700: #4f5b6f;
--color-mont-blanc-800: #394352;
--color-mont-blanc-900: #272e39;
--color-mont-blanc-950: #151b23;
}SCSS
$mont-blanc: #a1b2ce;
$mont-blanc-rgb: 161, 178, 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);
}