Benannte Farbe · #F2D1A0
Scalloped Oak
Scalloped Oak ist #F2D1A0: rgb(242 209 160), hsl(36 76% 79%), oklch(0.877 0.074 77.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Scalloped Oak color name →
#F2D1A0
oklch(0.877 0.074 77.4)
Farbumrechnungen
- HEX
- #f2d1a0
- RGB
- rgb(242 209 160)
- HSL
- hsl(36 76% 79%)
- HWB
- hwb(36 63% 5%)
- OKLCH
- oklch(0.877 0.074 77.4)
- OKLab
- oklab(0.877 0.016 0.072)
- CIE Lab
- lab(85.8 6.9 28.87)
- LCH
- lch(85.8 29.69 76.6)
- CMYK
- cmyk(0% 14% 34% 5%)
Tints · Shades · Tones
Tints
- F3D6AA
- F5DAB3
- F6DFBD
- F8E4C6
- F9E8D0
- FAEDD9
- FBF1E3
- FDF6EC
- FEFAF6
Shades
- D2B58B
- B49B76
- 968161
- 79684E
- 5E503B
- 433929
- 2B2319
- 141009
- 030201
Tones
- E6C99D
- DAC09A
- CFB897
- C3B094
- B8A891
- ACA08E
- A1988A
- 969087
- 8B8884
Farbharmonien
Komplementär +180°
- F2D1A0
Scalloped Oak
- BED9FF
≈ Broad Daylight
Analog -30° +30°
- F2D1A0
Scalloped Oak
- FFC9AF
≈ Antique Coral
- DBDBA2
≈ Burgundy Grey
Triadisch +120° +240°
- F2D1A0
Scalloped Oak
- 9CE6E7
≈ Everest
- EBC8F7
≈ Aquarelle Lilac
Geteilt komplementär +150° +210°
- F2D1A0
Scalloped Oak
- A3E1FD
≈ Ganon Blue
- D3D1FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- F2D1A0
Scalloped Oak
- A7E7CD
≈ Tropical
- BED9FF
≈ Broad Daylight
- FCC3E0
≈ Sugarwinkle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.45:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.40:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--scalloped-oak: #f2d1a0;
--scalloped-oak-rgb: 242 209 160;
--scalloped-oak-oklch: oklch(0.877 0.074 77.4);
}
.element {
color: var(--scalloped-oak);
background-color: hsl(36 76% 79%);
border-color: oklch(0.877 0.074 77.4);
}Tailwind CSS v4
@theme {
--color-scalloped-oak: #f2d1a0;
--color-scalloped-oak-50: #fff3de;
--color-scalloped-oak-100: #f5e6cd;
--color-scalloped-oak-200: #e5d1b2;
--color-scalloped-oak-300: #ccb48d;
--color-scalloped-oak-400: #b7996d;
--color-scalloped-oak-500: #a1804c;
--color-scalloped-oak-600: #886c41;
--color-scalloped-oak-700: #6d5734;
--color-scalloped-oak-800: #513f24;
--color-scalloped-oak-900: #392b18;
--color-scalloped-oak-950: #231809;
}SCSS
$scalloped-oak: #f2d1a0;
$scalloped-oak-rgb: 242, 209, 160;
$scalloped-oak-light: mix(#fff, $scalloped-oak, 20%);
$scalloped-oak-dark: mix(#000, $scalloped-oak, 20%);
.element {
color: $scalloped-oak;
box-shadow: 0 0 0 2px rgba($scalloped-oak, 0.35);
}