Benannte Farbe · #F0E4C6
Tamale
Tamale ist #F0E4C6: rgb(240 228 198), hsl(43 58% 86%), oklch(0.921 0.042 88.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Tamale color name →
#F0E4C6
oklch(0.921 0.042 88.8)
Farbumrechnungen
- HEX
- #f0e4c6
- RGB
- rgb(240 228 198)
- HSL
- hsl(43 58% 86%)
- HWB
- hwb(43 78% 6%)
- OKLCH
- oklch(0.921 0.042 88.8)
- OKLab
- oklab(0.921 0.001 0.042)
- CIE Lab
- lab(90.97 0.67 16.25)
- LCH
- lch(90.97 16.26 87.6)
- CMYK
- cmyk(0% 5% 17% 6%)
Tints · Shades · Tones
Tints
- F2E7CC
- F3E9D1
- F4ECD7
- F6EFDD
- F7F2E3
- F9F4E8
- FAF7EE
- FCFAF4
- FDFCF9
Shades
- D1C6AC
- B2A992
- 958D7A
- 787262
- 5D584B
- 433F35
- 2A2821
- 14120E
- 030302
Tones
- E4DABF
- D9CFB8
- CDC5B1
- C2BBAA
- B6B1A3
- ABA79C
- A09D95
- 95938E
- 8B8A87
Farbharmonien
Komplementär +180°
- F0E4C6
Tamale
- DAE4FF
≈ Stoic White
Analog -30° +30°
- F0E4C6
Tamale
- FBDFCA
≈ Peachade
- E1E9CA
≈ Whiff of Green
Triadisch +120° +240°
- F0E4C6
Tamale
- C6EDF4
≈ Icy Breeze
- F5DBF3
≈ Grape Taffy
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.61:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.61:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--tamale: #f0e4c6;
--tamale-rgb: 240 228 198;
--tamale-oklch: oklch(0.921 0.042 88.8);
}
.element {
color: var(--tamale);
background-color: hsl(43 58% 86%);
border-color: oklch(0.921 0.042 88.8);
}Tailwind CSS v4
@theme {
--color-tamale: #f0e4c6;
--color-tamale-50: #f9f5e8;
--color-tamale-100: #ede8d9;
--color-tamale-200: #dbd4c1;
--color-tamale-300: #bfb7a0;
--color-tamale-400: #a89e83;
--color-tamale-500: #918567;
--color-tamale-600: #7b7157;
--color-tamale-700: #625a46;
--color-tamale-800: #494232;
--color-tamale-900: #322d22;
--color-tamale-950: #1e1a11;
}SCSS
$tamale: #f0e4c6;
$tamale-rgb: 240, 228, 198;
$tamale-light: mix(#fff, $tamale, 20%);
$tamale-dark: mix(#000, $tamale, 20%);
.element {
color: $tamale;
box-shadow: 0 0 0 2px rgba($tamale, 0.35);
}