Benannte Farbe · #FAAE00
Lemon Chrome
Lemon Chrome ist #FAAE00: rgb(250 174 0), hsl(42 100% 49%), oklch(0.803 0.168 77.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Lemon Chrome color name →
#FAAE00
oklch(0.803 0.168 77.2)
Farbumrechnungen
- HEX
- #faae00
- RGB
- rgb(250 174 0)
- HSL
- hsl(42 100% 49%)
- HWB
- hwb(42 0% 2%)
- OKLCH
- oklch(0.803 0.168 77.2)
- OKLab
- oklab(0.803 0.037 0.164)
- CIE Lab
- lab(77.05 20.96 79.63)
- LCH
- lch(77.05 82.34 75.3)
- CMYK
- cmyk(0% 30% 100% 2%)
Tints · Shades · Tones
Tints
- FBB73F
- FCBF5D
- FDC875
- FED08B
- FED89F
- FFE0B3
- FFE8C7
- FFF0DA
- FFF7EC
Shades
- D99700
- BA8000
- 9B6A00
- 7D5500
- 614100
- 462E00
- 2D1C00
- 150B00
- 030100
Tones
- EEAA2D
- E1A640
- D5A14E
- C99D59
- BC9862
- B09469
- A48F70
- 988A76
- 8C857B
Farbharmonien
Komplementär +180°
- FAAE00
Lemon Chrome
- 96C1FF
≈ Pastel Blue
Analog -30° +30°
- FAAE00
Lemon Chrome
- FFA679
≈ Peachy
- CBC519
≈ Dirty Yellow
Triadisch +120° +240°
- FAAE00
Lemon Chrome
- 00D9DD
≈ Fish Boy
- E69EFF
≈ Medium Lavender Magenta
Geteilt komplementär +150° +210°
- FAAE00
Lemon Chrome
- 50CFFF
≈ Thor’s Thunder
- BAB4FF
≈ Greyish Lavender
Tetradisch +90° +180° +270°
- FAAE00
Lemon Chrome
- 00DFA9
≈ Malted Mint Madness
- 96C1FF
≈ Pastel Blue
- FF98D0
≈ Himalayan Balsam
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.88:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.11:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--lemon-chrome: #faae00;
--lemon-chrome-rgb: 250 174 0;
--lemon-chrome-oklch: oklch(0.803 0.168 77.2);
}
.element {
color: var(--lemon-chrome);
background-color: hsl(42 100% 49%);
border-color: oklch(0.803 0.168 77.2);
}Tailwind CSS v4
@theme {
--color-lemon-chrome: #faae00;
--color-lemon-chrome-50: #fff0bf;
--color-lemon-chrome-100: #ffe2a8;
--color-lemon-chrome-200: #fbcc7f;
--color-lemon-chrome-300: #e5ac46;
--color-lemon-chrome-400: #d58e00;
--color-lemon-chrome-500: #c27100;
--color-lemon-chrome-600: #a46000;
--color-lemon-chrome-700: #834d00;
--color-lemon-chrome-800: #633700;
--color-lemon-chrome-900: #452500;
--color-lemon-chrome-950: #2d1300;
}SCSS
$lemon-chrome: #faae00;
$lemon-chrome-rgb: 250, 174, 0;
$lemon-chrome-light: mix(#fff, $lemon-chrome, 20%);
$lemon-chrome-dark: mix(#000, $lemon-chrome, 20%);
.element {
color: $lemon-chrome;
box-shadow: 0 0 0 2px rgba($lemon-chrome, 0.35);
}