Benannte Farbe · #F6F2E8
Cheviot
Cheviot ist #F6F2E8: rgb(246 242 232), hsl(43 44% 94%), oklch(0.962 0.014 88.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cheviot color name →
#F6F2E8
oklch(0.962 0.014 88.7)
Farbumrechnungen
- HEX
- #f6f2e8
- RGB
- rgb(246 242 232)
- HSL
- hsl(43 44% 94%)
- HWB
- hwb(43 91% 4%)
- OKLCH
- oklch(0.962 0.014 88.7)
- OKLab
- oklab(0.962 0 0.014)
- CIE Lab
- lab(95.6 0.11 5.34)
- LCH
- lch(95.6 5.34 88.8)
- CMYK
- cmyk(0% 2% 6% 4%)
Tints · Shades · Tones
Tints
- F7F3EA
- F8F5ED
- F9F6EF
- FAF7F1
- FAF8F3
- FBFAF6
- FCFBF8
- FDFCFA
- FEFEFD
Shades
- D6D2CA
- B7B4AC
- 989690
- 7B7974
- 5F5E59
- 454340
- 2C2B29
- 151413
- 030303
Tones
- EAE6DD
- DDDAD2
- D1CEC8
- C5C3BD
- B9B7B3
- ADACA8
- A2A19E
- 969694
- 8B8B8A
Farbharmonien
Komplementär +180°
- F6F2E8
Cheviot
- EEF2FC
≈ Airport
Analog -30° +30°
- F6F2E8
Cheviot
- FAF0E9
≈ Baby Blossom
- F1F4E9
≈ Calcium
Triadisch +120° +240°
- F6F2E8
Cheviot
- E8F5F7
≈ Milky Way
- F8EFF7
≈ Sentimental Pink
Geteilt komplementär +150° +210°
- F6F2E8
Cheviot
- EAF4FB
≈ Moon White
- F3F0FB
≈ Cloud Break
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.11:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.78:1 · APCA Lc 99
Beste Textfarbe: #000000
WCAG 18.78:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--cheviot: #f6f2e8;
--cheviot-rgb: 246 242 232;
--cheviot-oklch: oklch(0.962 0.014 88.7);
}
.element {
color: var(--cheviot);
background-color: hsl(43 44% 94%);
border-color: oklch(0.962 0.014 88.7);
}Tailwind CSS v4
@theme {
--color-cheviot: #f6f2e8;
--color-cheviot-50: #f6f5f1;
--color-cheviot-100: #e9e8e3;
--color-cheviot-200: #d6d4ce;
--color-cheviot-300: #bab7b0;
--color-cheviot-400: #a29e95;
--color-cheviot-500: #8a867c;
--color-cheviot-600: #757169;
--color-cheviot-700: #5d5b54;
--color-cheviot-800: #44423d;
--color-cheviot-900: #2f2e2a;
--color-cheviot-950: #1c1a18;
}SCSS
$cheviot: #f6f2e8;
$cheviot-rgb: 246, 242, 232;
$cheviot-light: mix(#fff, $cheviot, 20%);
$cheviot-dark: mix(#000, $cheviot, 20%);
.element {
color: $cheviot;
box-shadow: 0 0 0 2px rgba($cheviot, 0.35);
}