Adlandırılmış renk · #F9C982
Cheddar Chunk
Cheddar Chunk, #F9C982: rgb(249 201 130), hsl(36 91% 74%), oklch(0.863 0.104 76.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cheddar Chunk color name →
#F9C982
oklch(0.863 0.104 76.5)
Renk dönüşümleri
- HEX
- #f9c982
- RGB
- rgb(249 201 130)
- HSL
- hsl(36 91% 74%)
- HWB
- hwb(36 51% 2%)
- OKLCH
- oklch(0.863 0.104 76.5)
- OKLab
- oklab(0.863 0.024 0.101)
- CIE Lab
- lab(84.12 11.28 42.11)
- LCH
- lch(84.12 43.6 75)
- CMYK
- cmyk(0% 19% 48% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FACF8F
- FBD49D
- FBDAA9
- FCDFB6
- FDE4C2
- FDEACF
- FEEFDB
- FEF4E7
- FFFAF3
Koyu tonlar
- D9AE70
- B9955F
- 9A7C4E
- 7D643E
- 614C2F
- 463620
- 2C2212
- 150F06
- 030201
Gri tonlar
- ECC283
- E0BA84
- D4B384
- C7AC84
- BBA484
- AF9D83
- A39683
- 978E82
- 8C8781
Renk uyumları
Tamamlayıcı +180°
- F9C982
Cheddar Chunk
- B5D4FF
≈ Ice Cold Stare
Analog -30° +30°
- F9C982
Cheddar Chunk
- FFC2A6
≈ Sweet Apricot
- DAD784
≈ Wax Green
Üçlü +120° +240°
- F9C982
Cheddar Chunk
- 75E7E9
≈ Blue Crystal Landscape
- EDBEFF
≈ Light Lavender
Bölünmüş tamamlayıcı +150° +210°
- F9C982
Cheddar Chunk
- 91DEFF
≈ Gas Giant
- CECCFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
- F9C982
Cheddar Chunk
- 8BE8C3
≈ Bubble Algae
- B5D4FF
≈ Ice Cold Stare
- FFBADE
≈ Bubblegum Heart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.70:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--cheddar-chunk: #f9c982;
--cheddar-chunk-rgb: 249 201 130;
--cheddar-chunk-oklch: oklch(0.863 0.104 76.5);
}
.element {
color: var(--cheddar-chunk);
background-color: hsl(36 91% 74%);
border-color: oklch(0.863 0.104 76.5);
}Tailwind CSS v4
@theme {
--color-cheddar-chunk: #f9c982;
--color-cheddar-chunk-50: #fff2d4;
--color-cheddar-chunk-100: #fbe4c2;
--color-cheddar-chunk-200: #edd0a2;
--color-cheddar-chunk-300: #d5b17a;
--color-cheddar-chunk-400: #c19654;
--color-cheddar-chunk-500: #ad7c27;
--color-cheddar-chunk-600: #926924;
--color-cheddar-chunk-700: #75541c;
--color-cheddar-chunk-800: #573c13;
--color-cheddar-chunk-900: #3d2a0c;
--color-cheddar-chunk-950: #271701;
}SCSS
$cheddar-chunk: #f9c982;
$cheddar-chunk-rgb: 249, 201, 130;
$cheddar-chunk-light: mix(#fff, $cheddar-chunk, 20%);
$cheddar-chunk-dark: mix(#000, $cheddar-chunk, 20%);
.element {
color: $cheddar-chunk;
box-shadow: 0 0 0 2px rgba($cheddar-chunk, 0.35);
}