가장 가까운 이름 색상 · #A57A3E
#A57A3E
가장 가까운 이름 색상: Driftwood
#A57A3E(rgb(165 122 62), hsl(35 45% 45%), oklch(0.61 0.094 73.5))와 가장 가까운 이름 색상은 Driftwood입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A57A3E
oklch(0.61 0.094 73.5)
색상 변환
- HEX
- #a57a3e
- RGB
- rgb(165 122 62)
- HSL
- hsl(35 45% 45%)
- HWB
- hwb(35 24% 35%)
- OKLCH
- oklch(0.61 0.094 73.5)
- OKLab
- oklab(0.61 0.027 0.09)
- CIE Lab
- lab(54.67 12.45 39.06)
- LCH
- lch(54.67 41 72.3)
- CMYK
- cmyk(0% 26% 62% 35%)
틴트 · 셰이드 · 톤
틴트
- AE8752
- B79466
- C0A179
- C9AE8C
- D2BB9E
- DBC9B1
- E4D6C5
- EDE4D8
- F6F1EB
셰이드
- 8F6935
- 79592B
- 654923
- 513A1A
- 3D2B12
- 2B1D0A
- 1A1004
- 0A0501
- 010100
톤
- A17B46
- 9E7C4E
- 9A7C55
- 977D5C
- 937E63
- 8F7E69
- 8C7F6F
- 887F75
- 84807A
색 조화
보색 +180°
- A57A3E
Driftwood
- 5A86BA
≈ Handsome Hue
유사색 -30° +30°
- A57A3E
Driftwood
- B27054
≈ Sunburn
- 8D863E
≈ Apeland
삼각 배색 +120° +240°
- A57A3E
Driftwood
- 289593
≈ Java
- 9772AB
≈ Ce Soir
분열 보색 +150° +210°
- A57A3E
Driftwood
- 368FAD
≈ Carol
- 7C7BBA
≈ Astro Zinger
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.85:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.45:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--driftwood: #a57a3e;
--driftwood-rgb: 165 122 62;
--driftwood-oklch: oklch(0.61 0.094 73.5);
}
.element {
color: var(--driftwood);
background-color: hsl(35 45% 45%);
border-color: oklch(0.61 0.094 73.5);
}Tailwind CSS v4
@theme {
--color-driftwood: #a57a3e;
--color-driftwood-50: #fff2d8;
--color-driftwood-100: #fbe4c6;
--color-driftwood-200: #eccfa8;
--color-driftwood-300: #d4b181;
--color-driftwood-400: #c0965e;
--color-driftwood-500: #ab7c37;
--color-driftwood-600: #916930;
--color-driftwood-700: #745426;
--color-driftwood-800: #573d1a;
--color-driftwood-900: #3c2a11;
--color-driftwood-950: #261704;
}SCSS
$driftwood: #a57a3e;
$driftwood-rgb: 165, 122, 62;
$driftwood-light: mix(#fff, $driftwood, 20%);
$driftwood-dark: mix(#000, $driftwood, 20%);
.element {
color: $driftwood;
box-shadow: 0 0 0 2px rgba($driftwood, 0.35);
}