이름 색상 · #CCCC11
Golden Harvest
Golden Harvest은(는) #CCCC11: rgb(204 204 17), hsl(60 85% 43%), oklch(0.818 0.176 109.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Harvest color name →
#CCCC11
oklch(0.818 0.176 109.7)
색상 변환
- HEX
- #cccc11
- RGB
- rgb(204 204 17)
- HSL
- hsl(60 85% 43%)
- HWB
- hwb(60 7% 20%)
- OKLCH
- oklch(0.818 0.176 109.7)
- OKLab
- oklab(0.818 -0.059 0.166)
- CIE Lab
- lab(80.04 -13.18 77.28)
- LCH
- lch(80.04 78.4 99.7)
- CMYK
- cmyk(0% 0% 92% 20%)
틴트 · 셰이드 · 톤
틴트
- D1D244
- D5D761
- DADC79
- DFE28E
- E4E7A2
- E9ECB6
- EFF1C8
- F4F6DB
- F9FAED
셰이드
- B1B10D
- 979709
- 7E7E06
- 656504
- 4E4E02
- 373701
- 222200
- 0F0F00
- 020200
톤
- C4C433
- BCBD45
- B4B552
- ACAE5C
- A5A664
- 9D9F6B
- 969772
- 8E8F77
- 87887C
색 조화
보색 +180°
- CCCC11
Golden Harvest
- C2B9FF
≈ Dried Lilac
유사색 -30° +30°
- CCCC11
Golden Harvest
- FDB500
≈ Dithered Amber
- 82DE6B
≈ Pastel Green
삼각 배색 +120° +240°
- CCCC11
Golden Harvest
- 6CD1FF
≈ Heisenberg Blue
- FFA2CF
≈ Corinthian Pink
분열 보색 +150° +210°
- CCCC11
Golden Harvest
- A1C5FF
≈ Pastel Blue
- EDA3FF
≈ Rich Brilliant Lavender
사각 배색 +90° +180° +270°
- CCCC11
Golden Harvest
- 00DEE7
≈ Tamarama
- C2B9FF
≈ Dried Lilac
- FFA9A9
≈ Apricot Haze
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.21:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--golden-harvest: #cccc11;
--golden-harvest-rgb: 204 204 17;
--golden-harvest-oklch: oklch(0.818 0.176 109.7);
}
.element {
color: var(--golden-harvest);
background-color: hsl(60 85% 43%);
border-color: oklch(0.818 0.176 109.7);
}Tailwind CSS v4
@theme {
--color-golden-harvest: #cccc11;
--color-golden-harvest-50: #f6fbc1;
--color-golden-harvest-100: #e9eeaa;
--color-golden-harvest-200: #d6dc81;
--color-golden-harvest-300: #bac049;
--color-golden-harvest-400: #a6a600;
--color-golden-harvest-500: #908d00;
--color-golden-harvest-600: #7a7700;
--color-golden-harvest-700: #615f00;
--color-golden-harvest-800: #4a4500;
--color-golden-harvest-900: #333000;
--color-golden-harvest-950: #1f1c00;
}SCSS
$golden-harvest: #cccc11;
$golden-harvest-rgb: 204, 204, 17;
$golden-harvest-light: mix(#fff, $golden-harvest, 20%);
$golden-harvest-dark: mix(#000, $golden-harvest, 20%);
.element {
color: $golden-harvest;
box-shadow: 0 0 0 2px rgba($golden-harvest, 0.35);
}