이름 색상 · #AB9004
Bark Sawdust
Bark Sawdust은(는) #AB9004: rgb(171 144 4), hsl(50 95% 34%), oklch(0.658 0.135 95.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Bark Sawdust color name →
#AB9004
oklch(0.658 0.135 95.5)
색상 변환
- HEX
- #ab9004
- RGB
- rgb(171 144 4)
- HSL
- hsl(50 95% 34%)
- HWB
- hwb(50 2% 33%)
- OKLCH
- oklch(0.658 0.135 95.5)
- OKLab
- oklab(0.658 -0.013 0.134)
- CIE Lab
- lab(60.84 1.93 63.66)
- LCH
- lch(60.84 63.69 88.3)
- CMYK
- cmyk(0% 16% 98% 33%)
틴트 · 셰이드 · 톤
틴트
- B39B36
- BBA652
- C3B16A
- CCBC80
- D4C796
- DDD3AB
- E5DEC0
- EEE9D5
- F6F4EA
셰이드
- 947D03
- 7E6A02
- 685701
- 544501
- 403401
- 2D2400
- 1B1500
- 0B0700
- 010100
톤
- A78F27
- A28D38
- 9E8C45
- 998B50
- 958959
- 918762
- 8D866A
- 888472
- 848279
색 조화
보색 +180°
- AB9004
Bark Sawdust
- 7B89E3
≈ Tanzine
유사색 -30° +30°
- AB9004
Bark Sawdust
- C97E24
≈ Yamabukicha Gold
- 7EA03A
≈ Sushi
삼각 배색 +120° +240°
- AB9004
Bark Sawdust
- 00A3BF
≈ January Blue
- C470B1
≈ Sugar Creek
분열 보색 +150° +210°
- AB9004
Bark Sawdust
- 3E98DE
≈ Flax Flower Blue
- A67AD3
≈ Wisteria
사각 배색 +90° +180° +270°
- AB9004
Bark Sawdust
- 00A89C
≈ Tropical Hideaway
- 7B89E3
≈ Tanzine
- D56B86
≈ Pinkish
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.72:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--bark-sawdust: #ab9004;
--bark-sawdust-rgb: 171 144 4;
--bark-sawdust-oklch: oklch(0.658 0.135 95.5);
}
.element {
color: var(--bark-sawdust);
background-color: hsl(50 95% 34%);
border-color: oklch(0.658 0.135 95.5);
}Tailwind CSS v4
@theme {
--color-bark-sawdust: #ab9004;
--color-bark-sawdust-50: #fff6cb;
--color-bark-sawdust-100: #f4e9b6;
--color-bark-sawdust-200: #e4d592;
--color-bark-sawdust-300: #cab863;
--color-bark-sawdust-400: #b79d2f;
--color-bark-sawdust-500: #a28400;
--color-bark-sawdust-600: #896f00;
--color-bark-sawdust-700: #6d5900;
--color-bark-sawdust-800: #524000;
--color-bark-sawdust-900: #392c00;
--color-bark-sawdust-950: #241900;
}SCSS
$bark-sawdust: #ab9004;
$bark-sawdust-rgb: 171, 144, 4;
$bark-sawdust-light: mix(#fff, $bark-sawdust, 20%);
$bark-sawdust-dark: mix(#000, $bark-sawdust, 20%);
.element {
color: $bark-sawdust;
box-shadow: 0 0 0 2px rgba($bark-sawdust, 0.35);
}