Benannte Farbe · #FFC85F
Grilled Cheese
Grilled Cheese ist #FFC85F: rgb(255 200 95), hsl(39 100% 69%), oklch(0.862 0.136 81.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Grilled Cheese color name →
#FFC85F
oklch(0.862 0.136 81.3)
Farbumrechnungen
- HEX
- #ffc85f
- RGB
- rgb(255 200 95)
- HSL
- hsl(39 100% 69%)
- HWB
- hwb(39 37% 0%)
- OKLCH
- oklch(0.862 0.136 81.3)
- OKLab
- oklab(0.862 0.021 0.135)
- CIE Lab
- lab(84.15 12.26 58.94)
- LCH
- lch(84.15 60.2 78.3)
- CMYK
- cmyk(0% 22% 63% 0%)
Tints · Shades · Tones
Tints
- FFCE73
- FFD485
- FFD995
- FFDFA5
- FFE4B5
- FFEAC4
- FFEFD3
- FFF5E2
- FFFAF0
Shades
- DEAE52
- BE9444
- 9E7B38
- 80632C
- 634C20
- 483615
- 2E210A
- 160F03
- 030200
Tones
- F2C166
- E5BA6B
- D8B370
- CBAB73
- BEA477
- B19D79
- A5967C
- 988F7D
- 8C877F
Farbharmonien
Komplementär +180°
- FFC85F
Grilled Cheese
- B9D3FF
≈ Ice Cold Stare
Analog -30° +30°
- FFC85F
Grilled Cheese
- FFC3A0
≈ Coral Gable
- D5DA6A
≈ Banana Chalk
Triadisch +120° +240°
- FFC85F
Grilled Cheese
- 3AECF7
≈ Sparky Blue
- F5B9FF
≈ Brilliant Lavender
Geteilt komplementär +150° +210°
- FFC85F
Grilled Cheese
- 99DCFF
≈ Gas Giant
- D1CAFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- FFC85F
Grilled Cheese
- 60EFC6
≈ Onsen
- B9D3FF
≈ Ice Cold Stare
- FFBBD8
≈ Cotton Candy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.53:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.67:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.67:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--grilled-cheese: #ffc85f;
--grilled-cheese-rgb: 255 200 95;
--grilled-cheese-oklch: oklch(0.862 0.136 81.3);
}
.element {
color: var(--grilled-cheese);
background-color: hsl(39 100% 69%);
border-color: oklch(0.862 0.136 81.3);
}Tailwind CSS v4
@theme {
--color-grilled-cheese: #ffc85f;
--color-grilled-cheese-50: #fff3c9;
--color-grilled-cheese-100: #fee5b4;
--color-grilled-cheese-200: #f1d090;
--color-grilled-cheese-300: #d9b161;
--color-grilled-cheese-400: #c7952c;
--color-grilled-cheese-500: #b37a00;
--color-grilled-cheese-600: #976700;
--color-grilled-cheese-700: #795300;
--color-grilled-cheese-800: #5b3b00;
--color-grilled-cheese-900: #402900;
--color-grilled-cheese-950: #291600;
}SCSS
$grilled-cheese: #ffc85f;
$grilled-cheese-rgb: 255, 200, 95;
$grilled-cheese-light: mix(#fff, $grilled-cheese, 20%);
$grilled-cheese-dark: mix(#000, $grilled-cheese, 20%);
.element {
color: $grilled-cheese;
box-shadow: 0 0 0 2px rgba($grilled-cheese, 0.35);
}