Benannte Farbe · #EAE1D6
Sharp-Rip Drill
Sharp-Rip Drill ist #EAE1D6: rgb(234 225 214), hsl(33 32% 88%), oklch(0.914 0.018 73.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sharp-Rip Drill color name →
#EAE1D6
oklch(0.914 0.018 73.1)
Farbumrechnungen
- HEX
- #eae1d6
- RGB
- rgb(234 225 214)
- HSL
- hsl(33 32% 88%)
- HWB
- hwb(33 84% 8%)
- OKLCH
- oklch(0.914 0.018 73.1)
- OKLab
- oklab(0.914 0.005 0.017)
- CIE Lab
- lab(90.03 1.78 6.55)
- LCH
- lch(90.03 6.79 74.8)
- CMYK
- cmyk(0% 4% 9% 8%)
Tints · Shades · Tones
Tints
- ECE4DA
- EEE7DE
- F0EAE2
- F2EDE6
- F4F0EA
- F7F3EE
- F9F6F3
- FBF9F7
- FDFCFB
Shades
- CBC4BA
- AEA79E
- 918B84
- 75706A
- 5A5652
- 413E3B
- 292725
- 131210
- 030202
Tones
- DFD7CD
- D4CDC4
- C9C3BB
- BEB9B3
- B4AFAA
- A9A6A1
- 9F9C99
- 949391
- 8A8988
Farbharmonien
Komplementär +180°
- EAE1D6
Sharp-Rip Drill
- DBE4EE
≈ Iceberg
Analog -30° +30°
- EAE1D6
Sharp-Rip Drill
- EEDFD9
≈ Apricot Foam
- E4E3D6
≈ Light Sprinkle
Triadisch +120° +240°
- EAE1D6
Sharp-Rip Drill
- D6E7E6
≈ Misted Aqua
- E7DFEB
≈ Lilac Frost
Geteilt komplementär +150° +210°
- EAE1D6
Sharp-Rip Drill
- D7E5EB
≈ White Sea
- E0E1EE
≈ Imagination
Tetradisch +90° +180° +270°
- EAE1D6
Sharp-Rip Drill
- D9E6DF
≈ Blush Mint
- DBE4EE
≈ Iceberg
- ECDEE6
≈ Antarctic Love
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.23:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--sharp-rip-drill: #eae1d6;
--sharp-rip-drill-rgb: 234 225 214;
--sharp-rip-drill-oklch: oklch(0.914 0.018 73.1);
}
.element {
color: var(--sharp-rip-drill);
background-color: hsl(33 32% 88%);
border-color: oklch(0.914 0.018 73.1);
}Tailwind CSS v4
@theme {
--color-sharp-rip-drill: #eae1d6;
--color-sharp-rip-drill-50: #f8f4f0;
--color-sharp-rip-drill-100: #ebe7e1;
--color-sharp-rip-drill-200: #d9d3cc;
--color-sharp-rip-drill-300: #bdb6ae;
--color-sharp-rip-drill-400: #a59d93;
--color-sharp-rip-drill-500: #8e857a;
--color-sharp-rip-drill-600: #787067;
--color-sharp-rip-drill-700: #605a52;
--color-sharp-rip-drill-800: #46413c;
--color-sharp-rip-drill-900: #312d29;
--color-sharp-rip-drill-950: #1d1a17;
}SCSS
$sharp-rip-drill: #eae1d6;
$sharp-rip-drill-rgb: 234, 225, 214;
$sharp-rip-drill-light: mix(#fff, $sharp-rip-drill, 20%);
$sharp-rip-drill-dark: mix(#000, $sharp-rip-drill, 20%);
.element {
color: $sharp-rip-drill;
box-shadow: 0 0 0 2px rgba($sharp-rip-drill, 0.35);
}