가장 가까운 이름 색상 · #F9AC29
#F9AC29
가장 가까운 이름 색상: Beer
#F9AC29(rgb(249 172 41), hsl(38 95% 57%), oklch(0.799 0.159 74.3))와 가장 가까운 이름 색상은 Beer입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F9AC29
oklch(0.799 0.159 74.3)
색상 변환
- HEX
- #f9ac29
- RGB
- rgb(249 172 41)
- HSL
- hsl(38 95% 57%)
- HWB
- hwb(38 16% 2%)
- OKLCH
- oklch(0.799 0.159 74.3)
- OKLab
- oklab(0.799 0.043 0.153)
- CIE Lab
- lab(76.55 21.96 72.08)
- LCH
- lch(76.55 75.35 73.1)
- CMYK
- cmyk(0% 31% 84% 2%)
틴트 · 셰이드 · 톤
틴트
- FAB54C
- FBBE65
- FCC67B
- FDCF90
- FED7A3
- FEDFB6
- FFE7C9
- FFEFDB
- FFF7ED
셰이드
- D99522
- B97F1C
- 9A6915
- 7D540F
- 614009
- 462D05
- 2C1B02
- 150B01
- 030100
톤
- EDA83D
- E0A44A
- D4A055
- C89C5E
- BC9766
- B0936C
- A48E72
- 988A77
- 8C857C
색 조화
보색 +180°
- F9AC29
Beer
- 8FC1FF
≈ Truesky Gloxym
유사색 -30° +30°
- F9AC29
Beer
- FFA37B
≈ Butternut
- CEC229
≈ Bird Flower
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 10.96:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--beer: #f9ac29;
--beer-rgb: 249 172 41;
--beer-oklch: oklch(0.799 0.159 74.3);
}
.element {
color: var(--beer);
background-color: hsl(38 95% 57%);
border-color: oklch(0.799 0.159 74.3);
}Tailwind CSS v4
@theme {
--color-beer: #f9ac29;
--color-beer-50: #fff0c3;
--color-beer-100: #ffe2ac;
--color-beer-200: #fbcb85;
--color-beer-300: #e5ac50;
--color-beer-400: #d58e00;
--color-beer-500: #c27100;
--color-beer-600: #a46000;
--color-beer-700: #834d00;
--color-beer-800: #633600;
--color-beer-900: #452500;
--color-beer-950: #2d1300;
}SCSS
$beer: #f9ac29;
$beer-rgb: 249, 172, 41;
$beer-light: mix(#fff, $beer, 20%);
$beer-dark: mix(#000, $beer, 20%);
.element {
color: $beer;
box-shadow: 0 0 0 2px rgba($beer, 0.35);
}