Benannte Farbe · #F7E190
Fresh Yellow
Fresh Yellow ist #F7E190: rgb(247 225 144), hsl(47 87% 77%), oklch(0.91 0.104 94.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Fresh Yellow color name →
#F7E190
oklch(0.91 0.104 94.7)
Farbumrechnungen
- HEX
- #f7e190
- RGB
- rgb(247 225 144)
- HSL
- hsl(47 87% 77%)
- HWB
- hwb(47 56% 3%)
- OKLCH
- oklch(0.91 0.104 94.7)
- OKLab
- oklab(0.91 -0.009 0.103)
- CIE Lab
- lab(90.03 -0.18 42.44)
- LCH
- lch(90.03 42.45 90.2)
- CMYK
- cmyk(0% 9% 42% 3%)
Tints · Shades · Tones
Tints
- F8E49C
- F9E7A8
- F9EAB3
- FAEDBF
- FBF0CA
- FCF3D4
- FDF6DF
- FDF9EA
- FEFCF4
Shades
- D7C47D
- B7A76A
- 998B57
- 7C7045
- 605634
- 453E24
- 2C2715
- 151207
- 030201
Tones
- EAD78F
- DECD8F
- D2C38D
- C6B98C
- BAB08B
- AEA689
- A29C87
- 979385
- 8B8983
Farbharmonien
Komplementär +180°
- F7E190
Fresh Yellow
- D8E0FF
≈ Contrail
Analog -30° +30°
- F7E190
Fresh Yellow
- FFDAB7
≈ Peach Puff
- D2EEA1
≈ Reef Refractions
Triadisch +120° +240°
- F7E190
Fresh Yellow
- AAEEFF
≈ Beyond the Clouds
- FFD1F4
≈ Shampoo
Geteilt komplementär +150° +210°
- F7E190
Fresh Yellow
- C8E5FF
≈ Fresh Water
- E9D9FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- F7E190
Fresh Yellow
- 8BF8EA
≈ Turquoise Pearl
- D8E0FF
≈ Contrail
- FFD5DD
≈ No Need to Blush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.12:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-yellow: #f7e190;
--fresh-yellow-rgb: 247 225 144;
--fresh-yellow-oklch: oklch(0.91 0.104 94.7);
}
.element {
color: var(--fresh-yellow);
background-color: hsl(47 87% 77%);
border-color: oklch(0.91 0.104 94.7);
}Tailwind CSS v4
@theme {
--color-fresh-yellow: #f7e190;
--color-fresh-yellow-50: #fdf6d5;
--color-fresh-yellow-100: #f1e9c2;
--color-fresh-yellow-200: #e1d5a2;
--color-fresh-yellow-300: #c6b87a;
--color-fresh-yellow-400: #b29e53;
--color-fresh-yellow-500: #9c8525;
--color-fresh-yellow-600: #847022;
--color-fresh-yellow-700: #6a5a1b;
--color-fresh-yellow-800: #4f4111;
--color-fresh-yellow-900: #372d0a;
--color-fresh-yellow-950: #221a01;
}SCSS
$fresh-yellow: #f7e190;
$fresh-yellow-rgb: 247, 225, 144;
$fresh-yellow-light: mix(#fff, $fresh-yellow, 20%);
$fresh-yellow-dark: mix(#000, $fresh-yellow, 20%);
.element {
color: $fresh-yellow;
box-shadow: 0 0 0 2px rgba($fresh-yellow, 0.35);
}