Benannte Farbe · #F7DA90
Meadow Yellow
Meadow Yellow ist #F7DA90: rgb(247 218 144), hsl(43 87% 77%), oklch(0.896 0.098 88.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Meadow Yellow color name →
#F7DA90
oklch(0.896 0.098 88.9)
Farbumrechnungen
- HEX
- #f7da90
- RGB
- rgb(247 218 144)
- HSL
- hsl(43 87% 77%)
- HWB
- hwb(43 56% 3%)
- OKLCH
- oklch(0.896 0.098 88.9)
- OKLab
- oklab(0.896 0.002 0.098)
- CIE Lab
- lab(88.28 3.19 40.26)
- LCH
- lch(88.28 40.39 85.5)
- CMYK
- cmyk(0% 12% 42% 3%)
Tints · Shades · Tones
Tints
- F8DE9C
- F9E2A8
- FAE5B3
- FAE9BE
- FBEDC9
- FCF1D4
- FDF4DF
- FDF8EA
- FEFBF4
Shades
- D7BD7D
- B7A26A
- 998757
- 7C6C45
- 605434
- 453C24
- 2C2515
- 151107
- 030201
Tones
- EBD18F
- DEC88E
- D2BE8D
- C6B58C
- BAAC8A
- AEA389
- A29A87
- 979285
- 8B8982
Farbharmonien
Komplementär +180°
- F7DA90
Meadow Yellow
- CFDCFF
≈ Arc Light
Analog -30° +30°
- F7DA90
Meadow Yellow
- FFD3B2
≈ Papaya Whip
- D5E79C
≈ Apple Bob
Triadisch +120° +240°
- F7DA90
Meadow Yellow
- 8BEFFF
≈ Photon Projector
- FFC8FB
≈ Sugar Chic
Geteilt komplementär +150° +210°
- F7DA90
Meadow Yellow
- BBE3FF
≈ Dithered Sky
- E2D5FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- F7DA90
Meadow Yellow
- 90F3DE
≈ Turquoise Pearl
- CFDCFF
≈ Arc Light
- FFCDDC
≈ Linnet Egg Red
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.38:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--meadow-yellow: #f7da90;
--meadow-yellow-rgb: 247 218 144;
--meadow-yellow-oklch: oklch(0.896 0.098 88.9);
}
.element {
color: var(--meadow-yellow);
background-color: hsl(43 87% 77%);
border-color: oklch(0.896 0.098 88.9);
}Tailwind CSS v4
@theme {
--color-meadow-yellow: #f7da90;
--color-meadow-yellow-50: #fff5d6;
--color-meadow-yellow-100: #f4e7c3;
--color-meadow-yellow-200: #e4d3a5;
--color-meadow-yellow-300: #cab67d;
--color-meadow-yellow-400: #b69c57;
--color-meadow-yellow-500: #a0822d;
--color-meadow-yellow-600: #886e28;
--color-meadow-yellow-700: #6d5820;
--color-meadow-yellow-800: #514015;
--color-meadow-yellow-900: #382c0d;
--color-meadow-yellow-950: #231902;
}SCSS
$meadow-yellow: #f7da90;
$meadow-yellow-rgb: 247, 218, 144;
$meadow-yellow-light: mix(#fff, $meadow-yellow, 20%);
$meadow-yellow-dark: mix(#000, $meadow-yellow, 20%);
.element {
color: $meadow-yellow;
box-shadow: 0 0 0 2px rgba($meadow-yellow, 0.35);
}