가장 가까운 이름 색상 · #983F38
#983F38
가장 가까운 이름 색상: Rusty Heart
#983F38(rgb(152 63 56), hsl(4 46% 41%), oklch(0.486 0.121 27))와 가장 가까운 이름 색상은 Rusty Heart입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#983F38
oklch(0.486 0.121 27)
색상 변환
- HEX
- #983f38
- RGB
- rgb(152 63 56)
- HSL
- hsl(4 46% 41%)
- HWB
- hwb(4 22% 40%)
- OKLCH
- oklch(0.486 0.121 27)
- OKLab
- oklab(0.486 0.108 0.055)
- CIE Lab
- lab(39.22 37.7 23.88)
- LCH
- lch(39.22 44.63 32.3)
- CMYK
- cmyk(0% 59% 63% 40%)
틴트 · 셰이드 · 톤
틴트
- A4524B
- AF655D
- BA7870
- C58B84
- D09E97
- DAB1AB
- E3C4C0
- EDD7D4
- F6EBEA
셰이드
- 84352F
- 702C27
- 5C231F
- 4A1B17
- 38120F
- 270A08
- 170404
- 080101
- 010000
톤
- 974740
- 954E47
- 94554E
- 925C55
- 90625C
- 8D6864
- 8A6E6B
- 877472
- 847A79
색 조화
보색 +180°
- 983F38
Rusty Heart
- 006C77
≈ Toadstool Teal
유사색 -30° +30°
- 983F38
Rusty Heart
- 933D60
≈ Aurora Magenta
- 8F4A00
≈ Parasite Brown
삼각 배색 +120° +240°
- 983F38
Rusty Heart
- 247133
≈ Hawaiian Ti Leaf
- 405AA3
≈ Blue Dahlia
분열 보색 +150° +210°
- 983F38
Rusty Heart
- 00705E
≈ Falcon Turquoise
- 006793
≈ Peacock Blue
사각 배색 +90° +180° +270°
- 983F38
Rusty Heart
- 5B6700
≈ Mud Green
- 006C77
≈ Toadstool Teal
- 674E9B
≈ Ultrapurple Merge
대비 및 접근성
Ag
AA흰색 위
WCAG 6.76:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.10:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--rusty-heart: #983f38;
--rusty-heart-rgb: 152 63 56;
--rusty-heart-oklch: oklch(0.486 0.121 27);
}
.element {
color: var(--rusty-heart);
background-color: hsl(4 46% 41%);
border-color: oklch(0.486 0.121 27);
}Tailwind CSS v4
@theme {
--color-rusty-heart: #983f38;
--color-rusty-heart-50: #ffe9e1;
--color-rusty-heart-100: #ffdad1;
--color-rusty-heart-200: #ffc1b7;
--color-rusty-heart-300: #efa094;
--color-rusty-heart-400: #dd8177;
--color-rusty-heart-500: #ca6359;
--color-rusty-heart-600: #ab544c;
--color-rusty-heart-700: #89433c;
--color-rusty-heart-800: #66302c;
--color-rusty-heart-900: #48201e;
--color-rusty-heart-950: #2f0f0e;
}SCSS
$rusty-heart: #983f38;
$rusty-heart-rgb: 152, 63, 56;
$rusty-heart-light: mix(#fff, $rusty-heart, 20%);
$rusty-heart-dark: mix(#000, $rusty-heart, 20%);
.element {
color: $rusty-heart;
box-shadow: 0 0 0 2px rgba($rusty-heart, 0.35);
}