이름 색상 · #B56C23
Hardy Clay
Hardy Clay은(는) #B56C23: rgb(181 108 35), hsl(30 68% 42%), oklch(0.6 0.125 60.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Hardy Clay color name →
#B56C23
oklch(0.6 0.125 60.6)
색상 변환
- HEX
- #b56c23
- RGB
- rgb(181 108 35)
- HSL
- hsl(30 68% 42%)
- HWB
- hwb(30 14% 29%)
- OKLCH
- oklch(0.6 0.125 60.6)
- OKLab
- oklab(0.6 0.061 0.109)
- CIE Lab
- lab(53.09 25.88 50.74)
- LCH
- lch(53.09 56.96 63)
- CMYK
- cmyk(0% 40% 81% 29%)
틴트 · 셰이드 · 톤
틴트
- BD7B3F
- C58956
- CD986C
- D5A681
- DCB596
- E4C4AA
- EBD2BF
- F2E1D4
- F8F0EA
셰이드
- 9D5D1D
- 864E17
- 6F4011
- 59320C
- 442507
- 301904
- 1D0D01
- 0C0400
- 020000
톤
- B06F32
- AB713E
- A67448
- A17651
- 9C785A
- 977A62
- 917B6A
- 8C7D71
- 867F79
색 조화
보색 +180°
- B56C23
Hardy Clay
- 2588C3
≈ Klaxosaur Blue
유사색 -30° +30°
- B56C23
Hardy Clay
- BF6051
≈ Too Hot to Handle
- 9C7C00
≈ Yellowish Brown
삼각 배색 +120° +240°
- B56C23
Hardy Clay
- 009583
≈ Approval Green
- 8D6DBF
≈ Middle Blue Purple
분열 보색 +150° +210°
- B56C23
Hardy Clay
- 0090A3
≈ Oasis
- 647ACB
≈ Indigo Light
사각 배색 +90° +180° +270°
- B56C23
Hardy Clay
- 3E9557
≈ Eucalyptus
- 2588C3
≈ Klaxosaur Blue
- AA62A3
≈ Iris Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.09:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.13:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--hardy-clay: #b56c23;
--hardy-clay-rgb: 181 108 35;
--hardy-clay-oklch: oklch(0.6 0.125 60.6);
}
.element {
color: var(--hardy-clay);
background-color: hsl(30 68% 42%);
border-color: oklch(0.6 0.125 60.6);
}Tailwind CSS v4
@theme {
--color-hardy-clay: #b56c23;
--color-hardy-clay-50: #ffeed1;
--color-hardy-clay-100: #ffe0be;
--color-hardy-clay-200: #fbc99d;
--color-hardy-clay-300: #e5a973;
--color-hardy-clay-400: #d48c4c;
--color-hardy-clay-500: #c06f17;
--color-hardy-clay-600: #a25f18;
--color-hardy-clay-700: #824b13;
--color-hardy-clay-800: #62360d;
--color-hardy-clay-900: #442508;
--color-hardy-clay-950: #2c1300;
}SCSS
$hardy-clay: #b56c23;
$hardy-clay-rgb: 181, 108, 35;
$hardy-clay-light: mix(#fff, $hardy-clay, 20%);
$hardy-clay-dark: mix(#000, $hardy-clay, 20%);
.element {
color: $hardy-clay;
box-shadow: 0 0 0 2px rgba($hardy-clay, 0.35);
}