이름 색상 · #B96C46
Tufted Leather
Tufted Leather은(는) #B96C46: rgb(185 108 70), hsl(20 45% 50%), oklch(0.609 0.111 46.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tufted Leather color name →
#B96C46
oklch(0.609 0.111 46.2)
색상 변환
- HEX
- #b96c46
- RGB
- rgb(185 108 70)
- HSL
- hsl(20 45% 50%)
- HWB
- hwb(20 27% 27%)
- OKLCH
- oklch(0.609 0.111 46.2)
- OKLab
- oklab(0.609 0.077 0.08)
- CIE Lab
- lab(53.94 28.88 34.82)
- LCH
- lch(53.94 45.24 50.3)
- CMYK
- cmyk(0% 42% 62% 27%)
틴트 · 셰이드 · 톤
틴트
- C17B59
- C9896B
- D0987D
- D8A68F
- DFB5A1
- E6C3B4
- ECD2C6
- F3E1D9
- F9F0EC
셰이드
- A05D3C
- 894E32
- 714028
- 5B321E
- 462515
- 31190D
- 1E0D05
- 0D0402
- 020000
톤
- B46F4D
- AF7154
- A9735A
- A47660
- 9E7865
- 99796B
- 937B70
- 8D7D76
- 867F7B
색 조화
보색 +180°
- B96C46
Tufted Leather
- 1890B6
≈ Cool Tide
유사색 -30° +30°
- B96C46
Tufted Leather
- BC656C
≈ Terra Rosa
- A97928
≈ Chai Tea
삼각 배색 +120° +240°
- B96C46
Tufted Leather
- 2C9874
≈ Ocean Green
- 7E78C2
≈ Ube
분열 보색 +150° +210°
- B96C46
Tufted Leather
- 009697
≈ Intermezzo
- 5584C5
≈ Astro Nautico
사각 배색 +90° +180° +270°
- B96C46
Tufted Leather
- 63924C
≈ Field Time Green
- 1890B6
≈ Cool Tide
- 9D6DB0
≈ Crown Jewels
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.96:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.29:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--tufted-leather: #b96c46;
--tufted-leather-rgb: 185 108 70;
--tufted-leather-oklch: oklch(0.609 0.111 46.2);
}
.element {
color: var(--tufted-leather);
background-color: hsl(20 45% 50%);
border-color: oklch(0.609 0.111 46.2);
}Tailwind CSS v4
@theme {
--color-tufted-leather: #b96c46;
--color-tufted-leather-50: #ffecda;
--color-tufted-leather-100: #ffdec8;
--color-tufted-leather-200: #fdc7ab;
--color-tufted-leather-300: #e7a685;
--color-tufted-leather-400: #d58965;
--color-tufted-leather-500: #c16c42;
--color-tufted-leather-600: #a35c38;
--color-tufted-leather-700: #83492d;
--color-tufted-leather-800: #623520;
--color-tufted-leather-900: #452415;
--color-tufted-leather-950: #2c1207;
}SCSS
$tufted-leather: #b96c46;
$tufted-leather-rgb: 185, 108, 70;
$tufted-leather-light: mix(#fff, $tufted-leather, 20%);
$tufted-leather-dark: mix(#000, $tufted-leather, 20%);
.element {
color: $tufted-leather;
box-shadow: 0 0 0 2px rgba($tufted-leather, 0.35);
}