이름 색상 · #AD8867
Chamois Leather
Chamois Leather은(는) #AD8867: rgb(173 136 103), hsl(28 30% 54%), oklch(0.654 0.065 63). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Chamois Leather color name →
#AD8867
oklch(0.654 0.065 63)
색상 변환
- HEX
- #ad8867
- RGB
- rgb(173 136 103)
- HSL
- hsl(28 30% 54%)
- HWB
- hwb(28 40% 32%)
- OKLCH
- oklch(0.654 0.065 63)
- OKLab
- oklab(0.654 0.029 0.058)
- CIE Lab
- lab(59.68 11.25 23.42)
- LCH
- lch(59.68 25.98 64.3)
- CMYK
- cmyk(0% 21% 40% 32%)
틴트 · 셰이드 · 톤
틴트
- B59376
- BD9F84
- C6AB93
- CEB6A2
- D6C2B1
- DECEC1
- E6DAD0
- EFE6DF
- F7F3EF
셰이드
- 967559
- 7F634B
- 6A523D
- 554130
- 413123
- 2D2217
- 1B130C
- 0B0604
- 010100
톤
- A9876A
- A4876D
- A0866F
- 9B8572
- 978474
- 928477
- 8E8379
- 89827C
- 85817E
색 조화
보색 +180°
- AD8867
Chamois Leather
- 6E95B5
≈ Bluebird’s Belly
유사색 -30° +30°
- AD8867
Chamois Leather
- B48277
≈ Sauvignon Blanc
- 9E9062
≈ Pineapple Sage
삼각 배색 +120° +240°
- AD8867
Chamois Leather
- 619E94
≈ Treasure Isle
- 9887B1
≈ Celeb City
분열 보색 +150° +210°
- AD8867
Chamois Leather
- 609BA8
≈ Frost Blue
- 838EB8
≈ Opal Violet
사각 배색 +90° +180° +270°
- AD8867
Chamois Leather
- 729C7E
≈ Precious Oxley
- 6E95B5
≈ Bluebird’s Belly
- A982A1
≈ Wilhelminian Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.23:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.49:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--chamois-leather: #ad8867;
--chamois-leather-rgb: 173 136 103;
--chamois-leather-oklch: oklch(0.654 0.065 63);
}
.element {
color: var(--chamois-leather);
background-color: hsl(28 30% 54%);
border-color: oklch(0.654 0.065 63);
}Tailwind CSS v4
@theme {
--color-chamois-leather: #ad8867;
--color-chamois-leather-50: #fff2e2;
--color-chamois-leather-100: #f8e4d2;
--color-chamois-leather-200: #e8cfb8;
--color-chamois-leather-300: #cfb195;
--color-chamois-leather-400: #ba9777;
--color-chamois-leather-500: #a57d59;
--color-chamois-leather-600: #8b6a4c;
--color-chamois-leather-700: #70553c;
--color-chamois-leather-800: #533d2b;
--color-chamois-leather-900: #3a2a1d;
--color-chamois-leather-950: #24180d;
}SCSS
$chamois-leather: #ad8867;
$chamois-leather-rgb: 173, 136, 103;
$chamois-leather-light: mix(#fff, $chamois-leather, 20%);
$chamois-leather-dark: mix(#000, $chamois-leather, 20%);
.element {
color: $chamois-leather;
box-shadow: 0 0 0 2px rgba($chamois-leather, 0.35);
}