Benannte Farbe · #F2E7D1
Crackled
Crackled ist #F2E7D1: rgb(242 231 209), hsl(40 56% 88%), oklch(0.931 0.031 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Crackled color name →
#F2E7D1
oklch(0.931 0.031 84.6)
Farbumrechnungen
- HEX
- #f2e7d1
- RGB
- rgb(242 231 209)
- HSL
- hsl(40 56% 88%)
- HWB
- hwb(40 82% 5%)
- OKLCH
- oklch(0.931 0.031 84.6)
- OKLab
- oklab(0.931 0.003 0.031)
- CIE Lab
- lab(92.09 1.19 12.16)
- LCH
- lch(92.09 12.22 84.4)
- CMYK
- cmyk(0% 5% 14% 5%)
Tints · Shades · Tones
Tints
- F3E9D6
- F5ECDA
- F6EEDF
- F7F1E3
- F9F3E8
- FAF5ED
- FBF8F1
- FCFAF6
- FEFDFA
Shades
- D2C9B5
- B4AB9B
- 968F81
- 797368
- 5E5950
- 434039
- 2B2823
- 141310
- 030302
Tones
- E6DCC9
- DAD2C0
- CEC7B8
- C3BDB0
- B7B2A8
- ACA8A0
- A19E98
- 969490
- 8B8A88
Farbharmonien
Komplementär +180°
- F2E7D1
Crackled
- DEE8FE
≈ Lavender Mist
Analog -30° +30°
- F2E7D1
Crackled
- FAE3D5
≈ Shell Ginger
- E7EBD3
≈ Lime Meringue
Triadisch +120° +240°
- F2E7D1
Crackled
- D1EFF2
≈ Diamond League
- F3E1F4
≈ Sheer Lavender
Geteilt komplementär +150° +210°
- F2E7D1
Crackled
- D5ECFB
≈ Ice Castle
- E9E5FC
≈ Cyber Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.12:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.12:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--crackled: #f2e7d1;
--crackled-rgb: 242 231 209;
--crackled-oklch: oklch(0.931 0.031 84.6);
}
.element {
color: var(--crackled);
background-color: hsl(40 56% 88%);
border-color: oklch(0.931 0.031 84.6);
}Tailwind CSS v4
@theme {
--color-crackled: #f2e7d1;
--color-crackled-50: #f9f5eb;
--color-crackled-100: #ece7dc;
--color-crackled-200: #dad4c5;
--color-crackled-300: #beb7a6;
--color-crackled-400: #a79d8a;
--color-crackled-500: #90856f;
--color-crackled-600: #7a705e;
--color-crackled-700: #615a4b;
--color-crackled-800: #484236;
--color-crackled-900: #322d25;
--color-crackled-950: #1e1a14;
}SCSS
$crackled: #f2e7d1;
$crackled-rgb: 242, 231, 209;
$crackled-light: mix(#fff, $crackled, 20%);
$crackled-dark: mix(#000, $crackled, 20%);
.element {
color: $crackled;
box-shadow: 0 0 0 2px rgba($crackled, 0.35);
}