이름 색상 · #F9C982
Cheddar Chunk
Cheddar Chunk은(는) #F9C982: rgb(249 201 130), hsl(36 91% 74%), oklch(0.863 0.104 76.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cheddar Chunk color name →
#F9C982
oklch(0.863 0.104 76.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FACF8F
- FBD49D
- FBDAA9
- FCDFB6
- FDE4C2
- FDEACF
- FEEFDB
- FEF4E7
- FFFAF3
셰이드
- D9AE70
- B9955F
- 9A7C4E
- 7D643E
- 614C2F
- 463620
- 2C2212
- 150F06
- 030201
톤
- ECC283
- E0BA84
- D4B384
- C7AC84
- BBA484
- AF9D83
- A39683
- 978E82
- 8C8781
색 조화
보색 +180°
- F9C982
Cheddar Chunk
- B5D4FF
≈ Ice Cold Stare
유사색 -30° +30°
- F9C982
Cheddar Chunk
- FFC2A6
≈ Sweet Apricot
- DAD784
≈ Wax Green
삼각 배색 +120° +240°
- F9C982
Cheddar Chunk
- 75E7E9
≈ Blue Crystal Landscape
- EDBEFF
≈ Light Lavender
분열 보색 +150° +210°
- F9C982
Cheddar Chunk
- 91DEFF
≈ Gas Giant
- CECCFF
≈ Lavender Blue
사각 배색 +90° +180° +270°
- F9C982
Cheddar Chunk
- 8BE8C3
≈ Bubble Algae
- B5D4FF
≈ Ice Cold Stare
- FFBADE
≈ Bubblegum Heart
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.70:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
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);
}