Benannte Farbe · #9EB6D8
Mont Blanc
Mont Blanc ist #9EB6D8: rgb(158 182 216), hsl(215 43% 73%), oklch(0.77 0.056 257.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mont Blanc color name →
#9EB6D8
oklch(0.77 0.056 257.1)
Farbumrechnungen
- HEX
- #9eb6d8
- RGB
- rgb(158 182 216)
- HSL
- hsl(215 43% 73%)
- HWB
- hwb(215 62% 15%)
- OKLCH
- oklch(0.77 0.056 257.1)
- OKLab
- oklab(0.77 -0.012 -0.054)
- CIE Lab
- lab(73.09 -2.76 -20.09)
- LCH
- lch(73.09 20.28 262.2)
- CMYK
- cmyk(27% 16% 0% 15%)
Tints · Shades · Tones
Tints
- A7BDDC
- B1C4E0
- BACCE4
- C4D3E8
- CEDAEC
- D7E1F0
- E1E9F4
- EBF0F7
- F5F8FB
Shades
- 899EBC
- 7486A0
- 606F85
- 4D596B
- 3A4453
- 29303B
- 181D25
- 090C11
- 010202
Tones
- 9BB1CF
- 98ABC6
- 95A6BD
- 92A0B4
- 8F9BAB
- 8C95A3
- 89909A
- 868B91
- 838589
Farbharmonien
Komplementär +180°
- 9EB6D8
Mont Blanc
- C8B08D
≈ Spanish Sand
Analog -30° +30°
- 9EB6D8
Mont Blanc
- 8FBCD0
≈ Bonnie Blue
- B1AFD7
≈ Freesia Purple
Triadisch +120° +240°
- 9EB6D8
Mont Blanc
- D5A6A7
≈ Pink Cocoa Cupcake
- A4BD9A
≈ Spring Rain
Geteilt komplementär +150° +210°
- 9EB6D8
Mont Blanc
- D3AA96
≈ Rundlet Peach
- B8B78E
≈ Secret Glade
Tetradisch +90° +180° +270°
- 9EB6D8
Mont Blanc
- D0A6BB
≈ Enhance
- C8B08D
≈ Spanish Sand
- 92C0AD
≈ Bella Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.07:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.13:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--mont-blanc: #9eb6d8;
--mont-blanc-rgb: 158 182 216;
--mont-blanc-oklch: oklch(0.77 0.056 257.1);
}
.element {
color: var(--mont-blanc);
background-color: hsl(215 43% 73%);
border-color: oklch(0.77 0.056 257.1);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #9eb6d8;
--color-mont-blanc-50: #ecf6ff;
--color-mont-blanc-100: #dde9fb;
--color-mont-blanc-200: #c6d5ed;
--color-mont-blanc-300: #a7b9d4;
--color-mont-blanc-400: #8aa0c0;
--color-mont-blanc-500: #6f88ab;
--color-mont-blanc-600: #5e7391;
--color-mont-blanc-700: #4b5c74;
--color-mont-blanc-800: #354356;
--color-mont-blanc-900: #242f3c;
--color-mont-blanc-950: #131b26;
}SCSS
$mont-blanc: #9eb6d8;
$mont-blanc-rgb: 158, 182, 216;
$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);
}