Benannte Farbe · #CEBAA8
Smoke Grey
Smoke Grey ist #CEBAA8: rgb(206 186 168), hsl(28 28% 73%), oklch(0.801 0.034 64.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smoke Grey color name →
#CEBAA8
oklch(0.801 0.034 64.3)
Farbumrechnungen
- HEX
- #cebaa8
- RGB
- rgb(206 186 168)
- HSL
- hsl(28 28% 73%)
- HWB
- hwb(28 66% 19%)
- OKLCH
- oklch(0.801 0.034 64.3)
- OKLab
- oklab(0.801 0.015 0.03)
- CIE Lab
- lab(76.86 5.2 11.89)
- LCH
- lch(76.86 12.97 66.4)
- CMYK
- cmyk(0% 10% 18% 19%)
Tints · Shades · Tones
Tints
- D3C1B0
- D8C8B9
- DDCEC2
- E2D5CA
- E6DCD3
- EBE3DC
- F0EAE4
- F5F1ED
- FAF8F6
Shades
- B3A192
- 98897C
- 7F7267
- 665C52
- 4E463F
- 38322C
- 231E1A
- 0F0D0A
- 020201
Tones
- C6B4A4
- BEAEA0
- B6A89C
- AEA298
- A69D94
- 9F9790
- 97918C
- 8F8B88
- 888684
Farbharmonien
Komplementär +180°
- CEBAA8
Smoke Grey
- ACC1D3
≈ Airway
Analog -30° +30°
- CEBAA8
Smoke Grey
- D3B7B0
≈ Cracker Crumbs
- C5BEA6
≈ Celery Powder
Triadisch +120° +240°
- CEBAA8
Smoke Grey
- A7C6C0
≈ Peppermint Pie
- C3B9D0
≈ Fog Syringa
Geteilt komplementär +150° +210°
- CEBAA8
Smoke Grey
- A6C4CB
≈ Skyward
- B7BDD4
≈ Peri Wink
Tetradisch +90° +180° +270°
- CEBAA8
Smoke Grey
- AEC5B4
≈ Zanah
- ACC1D3
≈ Airway
- CCB6C7
≈ Cool Quiet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.87:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.21:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--smoke-grey: #cebaa8;
--smoke-grey-rgb: 206 186 168;
--smoke-grey-oklch: oklch(0.801 0.034 64.3);
}
.element {
color: var(--smoke-grey);
background-color: hsl(28 28% 73%);
border-color: oklch(0.801 0.034 64.3);
}Tailwind CSS v4
@theme {
--color-smoke-grey: #cebaa8;
--color-smoke-grey-50: #fcf3eb;
--color-smoke-grey-100: #f0e6dc;
--color-smoke-grey-200: #dfd2c5;
--color-smoke-grey-300: #c4b4a6;
--color-smoke-grey-400: #ad9b8a;
--color-smoke-grey-500: #96826f;
--color-smoke-grey-600: #7f6e5e;
--color-smoke-grey-700: #66584b;
--color-smoke-grey-800: #4b4037;
--color-smoke-grey-900: #342c25;
--color-smoke-grey-950: #201914;
}SCSS
$smoke-grey: #cebaa8;
$smoke-grey-rgb: 206, 186, 168;
$smoke-grey-light: mix(#fff, $smoke-grey, 20%);
$smoke-grey-dark: mix(#000, $smoke-grey, 20%);
.element {
color: $smoke-grey;
box-shadow: 0 0 0 2px rgba($smoke-grey, 0.35);
}