Benannte Farbe · #F7C84A
Sunny Mood
Sunny Mood ist #F7C84A: rgb(247 200 74), hsl(44 92% 63%), oklch(0.852 0.148 87.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sunny Mood color name →
#F7C84A
oklch(0.852 0.148 87.9)
Farbumrechnungen
- HEX
- #f7c84a
- RGB
- rgb(247 200 74)
- HSL
- hsl(44 92% 63%)
- HWB
- hwb(44 29% 3%)
- OKLCH
- oklch(0.852 0.148 87.9)
- OKLab
- oklab(0.852 0.005 0.148)
- CIE Lab
- lab(83.19 8.12 66.44)
- LCH
- lch(83.19 66.94 83)
- CMYK
- cmyk(0% 19% 70% 3%)
Tints · Shades · Tones
Tints
- F8CE63
- F9D478
- FAD98B
- FBDF9D
- FBE5AE
- FCEABF
- FDEFCF
- FEF5DF
- FEFAEF
Shades
- D7AE3F
- B79435
- 997B2A
- 7C6320
- 604C17
- 45360E
- 2C2106
- 150F02
- 030200
Tones
- EBC155
- DEBA5E
- D2B365
- C6AB6B
- BAA470
- AE9D74
- A29678
- 978F7B
- 8B877E
Farbharmonien
Komplementär +180°
- F7C84A
Sunny Mood
- BACEFF
≈ Ice Cold Stare
Analog -30° +30°
- F7C84A
Sunny Mood
- FFBF8F
≈ Orange Mousse
- C6DB62
≈ Citrus Lime
Triadisch +120° +240°
- F7C84A
Sunny Mood
- 1DE8FF
≈ Whimsical Blue
- FFADFC
≈ Jigglypuff
Geteilt komplementär +150° +210°
- F7C84A
Sunny Mood
- 9BD7FF
≈ Shiva Blue
- D5C3FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- F7C84A
Sunny Mood
- 32EECE
≈ Fake Jade
- BACEFF
≈ Ice Cold Stare
- FFB7CE
≈ Baby Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.31:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--sunny-mood: #f7c84a;
--sunny-mood-rgb: 247 200 74;
--sunny-mood-oklch: oklch(0.852 0.148 87.9);
}
.element {
color: var(--sunny-mood);
background-color: hsl(44 92% 63%);
border-color: oklch(0.852 0.148 87.9);
}Tailwind CSS v4
@theme {
--color-sunny-mood: #f7c84a;
--color-sunny-mood-50: #fff4c5;
--color-sunny-mood-100: #fbe6af;
--color-sunny-mood-200: #edd289;
--color-sunny-mood-300: #d5b456;
--color-sunny-mood-400: #c3980c;
--color-sunny-mood-500: #af7d00;
--color-sunny-mood-600: #946a00;
--color-sunny-mood-700: #765500;
--color-sunny-mood-800: #593d00;
--color-sunny-mood-900: #3e2a00;
--color-sunny-mood-950: #271700;
}SCSS
$sunny-mood: #f7c84a;
$sunny-mood-rgb: 247, 200, 74;
$sunny-mood-light: mix(#fff, $sunny-mood, 20%);
$sunny-mood-dark: mix(#000, $sunny-mood, 20%);
.element {
color: $sunny-mood;
box-shadow: 0 0 0 2px rgba($sunny-mood, 0.35);
}