Benannte Farbe · #F4D9AF
Clam Chowder
Clam Chowder ist #F4D9AF: rgb(244 217 175), hsl(37 76% 82%), oklch(0.897 0.063 78.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Clam Chowder color name →
#F4D9AF
oklch(0.897 0.063 78.7)
Farbumrechnungen
- HEX
- #f4d9af
- RGB
- rgb(244 217 175)
- HSL
- hsl(37 76% 82%)
- HWB
- hwb(37 69% 4%)
- OKLCH
- oklch(0.897 0.063 78.7)
- OKLab
- oklab(0.897 0.012 0.061)
- CIE Lab
- lab(88.19 5.14 24.37)
- LCH
- lch(88.19 24.91 78.1)
- CMYK
- cmyk(0% 11% 28% 4%)
Tints · Shades · Tones
Tints
- F5DDB7
- F6E1BF
- F7E4C7
- F9E8CF
- FAECD7
- FBF0DF
- FCF4E7
- FDF7EF
- FEFBF7
Shades
- D4BC98
- B5A181
- 97866B
- 7A6C56
- 5E5341
- 443B2E
- 2B251C
- 14110B
- 030201
Tones
- E8D0AA
- DCC7A6
- D0BEA1
- C4B59D
- B8AC98
- ADA393
- A19A8E
- 96918A
- 8B8985
Farbharmonien
Komplementär +180°
- F4D9AF
Clam Chowder
- CADFFF
≈ Arc Light
Analog -30° +30°
- F4D9AF
Clam Chowder
- FFD2BB
≈ Peachy Bon-Bon
- E0E1B1
≈ Schabziger Green
Triadisch +120° +240°
- F4D9AF
Clam Chowder
- ACEAED
≈ Spearmint Water
- EFD1F8
≈ Rose Dragée
Geteilt komplementär +150° +210°
- F4D9AF
Clam Chowder
- B3E6FE
≈ Frozen Landscape
- DBD8FF
≈ Transparent Blue
Tetradisch +90° +180° +270°
- F4D9AF
Clam Chowder
- B5EBD6
≈ Mediterranean Mist
- CADFFF
≈ Arc Light
- FECDE4
≈ Classic Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.39:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--clam-chowder: #f4d9af;
--clam-chowder-rgb: 244 217 175;
--clam-chowder-oklch: oklch(0.897 0.063 78.7);
}
.element {
color: var(--clam-chowder);
background-color: hsl(37 76% 82%);
border-color: oklch(0.897 0.063 78.7);
}Tailwind CSS v4
@theme {
--color-clam-chowder: #f4d9af;
--color-clam-chowder-50: #fff4e2;
--color-clam-chowder-100: #f3e6d1;
--color-clam-chowder-200: #e2d2b7;
--color-clam-chowder-300: #c8b594;
--color-clam-chowder-400: #b39b75;
--color-clam-chowder-500: #9d8156;
--color-clam-chowder-600: #856e49;
--color-clam-chowder-700: #6a583a;
--color-clam-chowder-800: #4f4029;
--color-clam-chowder-900: #372c1c;
--color-clam-chowder-950: #22190c;
}SCSS
$clam-chowder: #f4d9af;
$clam-chowder-rgb: 244, 217, 175;
$clam-chowder-light: mix(#fff, $clam-chowder, 20%);
$clam-chowder-dark: mix(#000, $clam-chowder, 20%);
.element {
color: $clam-chowder;
box-shadow: 0 0 0 2px rgba($clam-chowder, 0.35);
}