가장 가까운 이름 색상 · #A78D4B
#A78D4B
가장 가까운 이름 색상: Salted Capers
#A78D4B(rgb(167 141 75), hsl(43 38% 47%), oklch(0.653 0.091 88.3))와 가장 가까운 이름 색상은 Salted Capers입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A78D4B
oklch(0.653 0.091 88.3)
색상 변환
- HEX
- #a78d4b
- RGB
- rgb(167 141 75)
- HSL
- hsl(43 38% 47%)
- HWB
- hwb(43 29% 35%)
- OKLCH
- oklch(0.653 0.091 88.3)
- OKLab
- oklab(0.653 0.003 0.091)
- CIE Lab
- lab(60 3.98 38.58)
- LCH
- lch(60 38.79 84.1)
- CMYK
- cmyk(0% 16% 55% 35%)
틴트 · 셰이드 · 톤
틴트
- B0985E
- B8A370
- C1AF82
- CABA94
- D2C5A5
- DBD1B7
- E4DCC9
- EDE8DB
- F6F3ED
셰이드
- 917A40
- 7B6735
- 66552B
- 524421
- 3E3317
- 2C230E
- 1A1406
- 0A0702
- 010100
톤
- A38C52
- 9F8B58
- 9B8A5E
- 978864
- 938769
- 90866E
- 8C8473
- 888377
- 84817C
색 조화
보색 +180°
- A78D4B
Salted Capers
- 788EC8
≈ Hydrangea
유사색 -30° +30°
- A78D4B
Salted Capers
- BA8256
≈ Southern Barrens Mud
- 8B9856
≈ Topiary
삼각 배색 +120° +240°
- A78D4B
Salted Capers
- 3F9FAD
≈ Teal Glacier
- AF7CAC
≈ Victorian Violet
분열 보색 +150° +210°
- A78D4B
Salted Capers
- 5798C1
≈ Blueberry Soft Blue
- 9784C1
≈ Amethyst Grey
사각 배색 +90° +180° +270°
- A78D4B
Salted Capers
- 48A290
≈ Marine Green
- 788EC8
≈ Hydrangea
- BD788F
≈ Mauve Seductress
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.20:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.55:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--salted-capers: #a78d4b;
--salted-capers-rgb: 167 141 75;
--salted-capers-oklch: oklch(0.653 0.091 88.3);
}
.element {
color: var(--salted-capers);
background-color: hsl(43 38% 47%);
border-color: oklch(0.653 0.091 88.3);
}Tailwind CSS v4
@theme {
--color-salted-capers: #a78d4b;
--color-salted-capers-50: #fff5d8;
--color-salted-capers-100: #f3e7c6;
--color-salted-capers-200: #e3d3a8;
--color-salted-capers-300: #c9b682;
--color-salted-capers-400: #b59c5e;
--color-salted-capers-500: #9f8237;
--color-salted-capers-600: #866f30;
--color-salted-capers-700: #6c5826;
--color-salted-capers-800: #50401a;
--color-salted-capers-900: #382c11;
--color-salted-capers-950: #221904;
}SCSS
$salted-capers: #a78d4b;
$salted-capers-rgb: 167, 141, 75;
$salted-capers-light: mix(#fff, $salted-capers, 20%);
$salted-capers-dark: mix(#000, $salted-capers, 20%);
.element {
color: $salted-capers;
box-shadow: 0 0 0 2px rgba($salted-capers, 0.35);
}