Benannte Farbe · #F3BE67
Mirabelle Yellow
Mirabelle Yellow ist #F3BE67: rgb(243 190 103), hsl(37 85% 68%), oklch(0.832 0.121 78.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mirabelle Yellow color name →
#F3BE67
oklch(0.832 0.121 78.2)
Farbumrechnungen
- HEX
- #f3be67
- RGB
- rgb(243 190 103)
- HSL
- hsl(37 85% 68%)
- HWB
- hwb(37 40% 5%)
- OKLCH
- oklch(0.832 0.121 78.2)
- OKLab
- oklab(0.832 0.025 0.119)
- CIE Lab
- lab(80.56 12.68 50.88)
- LCH
- lch(80.56 52.44 76)
- CMYK
- cmyk(0% 22% 58% 5%)
Tints · Shades · Tones
Tints
- F5C578
- F6CB89
- F7D298
- F9D9A8
- FADFB7
- FBE6C5
- FCECD4
- FDF2E2
- FEF9F1
Shades
- D3A559
- B48C4B
- 97753D
- 7A5E30
- 5E4823
- 443317
- 2B1F0C
- 140D04
- 030200
Tones
- E7B86C
- DBB270
- D0AC73
- C4A576
- B89F79
- AD997B
- A2937C
- 968D7E
- 8B867F
Farbharmonien
Komplementär +180°
- F3BE67
Mirabelle Yellow
- A6CAFF
≈ Night Snow
Analog -30° +30°
- F3BE67
Mirabelle Yellow
- FFB48D
≈ Coral Dusk
- CFCE6C
≈ Force of Nature
Triadisch +120° +240°
- F3BE67
Mirabelle Yellow
- 4FE0E5
≈ Neon Nazar
- E9AFFB
≈ Candy Dreams
Geteilt komplementär +150° +210°
- F3BE67
Mirabelle Yellow
- 76D6FF
≈ Sky
- C5BFFF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- F3BE67
Mirabelle Yellow
- 6DE1B9
≈ Ocean in a Bowl
- A6CAFF
≈ Night Snow
- FFAAD5
≈ Fresh Gum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.37:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--mirabelle-yellow: #f3be67;
--mirabelle-yellow-rgb: 243 190 103;
--mirabelle-yellow-oklch: oklch(0.832 0.121 78.2);
}
.element {
color: var(--mirabelle-yellow);
background-color: hsl(37 85% 68%);
border-color: oklch(0.832 0.121 78.2);
}Tailwind CSS v4
@theme {
--color-mirabelle-yellow: #f3be67;
--color-mirabelle-yellow-50: #fff2cf;
--color-mirabelle-yellow-100: #fde4bb;
--color-mirabelle-yellow-200: #f0cf99;
--color-mirabelle-yellow-300: #d8b16d;
--color-mirabelle-yellow-400: #c59542;
--color-mirabelle-yellow-500: #b17a00;
--color-mirabelle-yellow-600: #966800;
--color-mirabelle-yellow-700: #785302;
--color-mirabelle-yellow-800: #5a3c02;
--color-mirabelle-yellow-900: #3f2902;
--color-mirabelle-yellow-950: #281600;
}SCSS
$mirabelle-yellow: #f3be67;
$mirabelle-yellow-rgb: 243, 190, 103;
$mirabelle-yellow-light: mix(#fff, $mirabelle-yellow, 20%);
$mirabelle-yellow-dark: mix(#000, $mirabelle-yellow, 20%);
.element {
color: $mirabelle-yellow;
box-shadow: 0 0 0 2px rgba($mirabelle-yellow, 0.35);
}