Benannte Farbe · #F1C11C
Fresh Scent
Fresh Scent ist #F1C11C: rgb(241 193 28), hsl(46 88% 53%), oklch(0.83 0.165 89.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Fresh Scent color name →
#F1C11C
oklch(0.83 0.165 89.9)
Farbumrechnungen
- HEX
- #f1c11c
- RGB
- rgb(241 193 28)
- HSL
- hsl(46 88% 53%)
- HWB
- hwb(46 11% 5%)
- OKLCH
- oklch(0.83 0.165 89.9)
- OKLab
- oklab(0.83 0 0.165)
- CIE Lab
- lab(80.67 7.95 77.83)
- LCH
- lch(80.67 78.24 84.2)
- CMYK
- cmyk(0% 20% 88% 5%)
Tints · Shades · Tones
Tints
- F3C848
- F4CE64
- F5D57B
- F7DB90
- F8E1A4
- FAE7B7
- FBEDC9
- FCF3DB
- FEF9ED
Shades
- D2A717
- B38F12
- 95770D
- 795F08
- 5D4905
- 433402
- 2B2001
- 140E00
- 030200
Tones
- E5BB37
- DAB448
- CEAE54
- C2A85E
- B7A166
- AC9B6C
- A19472
- 968D78
- 8B877C
Farbharmonien
Komplementär +180°
- F1C11C
Fresh Scent
- B2C5FF
≈ Night Snow
Analog -30° +30°
- F1C11C
Fresh Scent
- FFB578
≈ Isn’t It Just Peachy
- BAD64B
≈ Badass Grass
Triadisch +120° +240°
- F1C11C
Fresh Scent
- 00E0FA
≈ Vaporwave Blue
- FFA1F7
≈ Pink Elephants
Geteilt komplementär +150° +210°
- F1C11C
Fresh Scent
- 8DD0FF
≈ Long Island Sound
- D1B9FF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- F1C11C
Fresh Scent
- 00E7CB
≈ Fake Jade
- B2C5FF
≈ Night Snow
- FFABC5
≈ Heartfelt
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.38:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-scent: #f1c11c;
--fresh-scent-rgb: 241 193 28;
--fresh-scent-oklch: oklch(0.83 0.165 89.9);
}
.element {
color: var(--fresh-scent);
background-color: hsl(46 88% 53%);
border-color: oklch(0.83 0.165 89.9);
}Tailwind CSS v4
@theme {
--color-fresh-scent: #f1c11c;
--color-fresh-scent-50: #fff5c0;
--color-fresh-scent-100: #fce7a9;
--color-fresh-scent-200: #eed27f;
--color-fresh-scent-300: #d6b446;
--color-fresh-scent-400: #c49800;
--color-fresh-scent-500: #b07d00;
--color-fresh-scent-600: #956a00;
--color-fresh-scent-700: #785500;
--color-fresh-scent-800: #5a3d00;
--color-fresh-scent-900: #3f2a00;
--color-fresh-scent-950: #281700;
}SCSS
$fresh-scent: #f1c11c;
$fresh-scent-rgb: 241, 193, 28;
$fresh-scent-light: mix(#fff, $fresh-scent, 20%);
$fresh-scent-dark: mix(#000, $fresh-scent, 20%);
.element {
color: $fresh-scent;
box-shadow: 0 0 0 2px rgba($fresh-scent, 0.35);
}