Warna bernama · #FFC85F
Grilled Cheese
Grilled Cheese adalah #FFC85F: rgb(255 200 95), hsl(39 100% 69%), oklch(0.862 0.136 81.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Grilled Cheese color name →
#FFC85F
oklch(0.862 0.136 81.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FFCE73
- FFD485
- FFD995
- FFDFA5
- FFE4B5
- FFEAC4
- FFEFD3
- FFF5E2
- FFFAF0
Shade
- DEAE52
- BE9444
- 9E7B38
- 80632C
- 634C20
- 483615
- 2E210A
- 160F03
- 030200
Tone
- F2C166
- E5BA6B
- D8B370
- CBAB73
- BEA477
- B19D79
- A5967C
- 988F7D
- 8C877F
Harmoni warna
Komplementer +180°
- FFC85F
Grilled Cheese
- B9D3FF
≈ Ice Cold Stare
Analog -30° +30°
- FFC85F
Grilled Cheese
- FFC3A0
≈ Coral Gable
- D5DA6A
≈ Banana Chalk
Triadik +120° +240°
- FFC85F
Grilled Cheese
- 3AECF7
≈ Sparky Blue
- F5B9FF
≈ Brilliant Lavender
Split-komplementer +150° +210°
- FFC85F
Grilled Cheese
- 99DCFF
≈ Gas Giant
- D1CAFF
≈ Lavender Blue
Tetradik +90° +180° +270°
- FFC85F
Grilled Cheese
- 60EFC6
≈ Onsen
- B9D3FF
≈ Ice Cold Stare
- FFBBD8
≈ Cotton Candy
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.53:1 · APCA Lc 25
Ag
AAADi atas hitam
WCAG 13.67:1 · APCA Lc 79
Warna teks terbaik: #000000
WCAG 13.67:1 (AAA) · APCA Lc 79
Contrast pairs
Cuplikan kode
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);
}