가장 가까운 이름 색상 · #9F443B
#9F443B
가장 가까운 이름 색상: Rusty Heart
#9F443B(rgb(159 68 59), hsl(5 46% 43%), oklch(0.505 0.123 27.9))와 가장 가까운 이름 색상은 Rusty Heart입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9F443B
oklch(0.505 0.123 27.9)
색상 변환
- HEX
- #9f443b
- RGB
- rgb(159 68 59)
- HSL
- hsl(5 46% 43%)
- HWB
- hwb(5 23% 38%)
- OKLCH
- oklch(0.505 0.123 27.9)
- OKLab
- oklab(0.505 0.109 0.058)
- CIE Lab
- lab(41.41 38.14 25.06)
- LCH
- lch(41.41 45.63 33.3)
- CMYK
- cmyk(0% 57% 63% 38%)
틴트 · 셰이드 · 톤
틴트
- AA574D
- B56960
- BF7C73
- C98E86
- D3A099
- DDB3AD
- E6C6C1
- EED9D5
- F7ECEA
셰이드
- 8A3A32
- 753029
- 612621
- 4D1D19
- 3B1411
- 290C09
- 180504
- 090201
- 010000
톤
- 9D4B42
- 9B5249
- 995850
- 965F57
- 93655E
- 906A65
- 8D706C
- 897572
- 857B79
색 조화
보색 +180°
- 9F443B
Rusty Heart
- 00727E
≈ Night Scape
유사색 -30° +30°
- 9F443B
Rusty Heart
- 9A4264
≈ Velvet Wine
- 965000
≈ Warm Brown
삼각 배색 +120° +240°
- 9F443B
Rusty Heart
- 267739
≈ Japanese Laurel
- 465FAB
≈ Kakitsubata Blue
분열 보색 +150° +210°
- 9F443B
Rusty Heart
- 007665
≈ Teal Waters
- 006C9C
≈ Disarm
사각 배색 +90° +180° +270°
- 9F443B
Rusty Heart
- 5F6D00
≈ Brownish Green
- 00727E
≈ Night Scape
- 6E52A1
≈ Sumire Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 6.24:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.36:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--rusty-heart: #9f443b;
--rusty-heart-rgb: 159 68 59;
--rusty-heart-oklch: oklch(0.505 0.123 27.9);
}
.element {
color: var(--rusty-heart);
background-color: hsl(5 46% 43%);
border-color: oklch(0.505 0.123 27.9);
}Tailwind CSS v4
@theme {
--color-rusty-heart: #9f443b;
--color-rusty-heart-50: #ffe9e1;
--color-rusty-heart-100: #ffd9d0;
--color-rusty-heart-200: #ffc1b5;
--color-rusty-heart-300: #f09f92;
--color-rusty-heart-400: #de8175;
--color-rusty-heart-500: #cb6257;
--color-rusty-heart-600: #ab544a;
--color-rusty-heart-700: #8a433b;
--color-rusty-heart-800: #662f2b;
--color-rusty-heart-900: #48201d;
--color-rusty-heart-950: #2f0f0d;
}SCSS
$rusty-heart: #9f443b;
$rusty-heart-rgb: 159, 68, 59;
$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);
}