가장 가까운 이름 색상 · #974839
#974839
가장 가까운 이름 색상: Mature Cognac
#974839(rgb(151 72 57), hsl(10 45% 41%), oklch(0.499 0.11 32.2))와 가장 가까운 이름 색상은 Mature Cognac입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#974839
oklch(0.499 0.11 32.2)
색상 변환
- HEX
- #974839
- RGB
- rgb(151 72 57)
- HSL
- hsl(10 45% 41%)
- HWB
- hwb(10 22% 41%)
- OKLCH
- oklch(0.499 0.11 32.2)
- OKLab
- oklab(0.499 0.093 0.058)
- CIE Lab
- lab(40.86 32.91 25.22)
- LCH
- lch(40.86 41.47 37.5)
- CMYK
- cmyk(0% 52% 62% 41%)
틴트 · 셰이드 · 톤
틴트
- A35A4C
- AE6C5E
- B97E71
- C49085
- CEA298
- D8B4AC
- E2C6C0
- ECD9D5
- F6ECEA
셰이드
- 833D30
- 6F3328
- 5C291F
- 491F17
- 371610
- 260D09
- 170604
- 080201
- 010000
톤
- 964E41
- 945548
- 935A4F
- 916056
- 8F665D
- 8C6B64
- 8A716B
- 877672
- 847B79
색 조화
보색 +180°
- 974839
Mature Cognac
- 006F80
≈ Coastal Jetty
유사색 -30° +30°
- 974839
Mature Cognac
- 94455E
≈ Raspberry Pudding
- 8E520C
≈ Plain Old Brown
삼각 배색 +120° +240°
- 974839
Mature Cognac
- 257443
≈ Felt
- 4E5DA1
≈ Purple Frenzy
분열 보색 +150° +210°
- 974839
Mature Cognac
- 007367
≈ Pharaoh’s Gem
- 16699B
≈ Jazz Blue
사각 배색 +90° +180° +270°
- 974839
Mature Cognac
- 586C18
≈ Bowser Shell
- 006F80
≈ Coastal Jetty
- 6F5296
≈ Parfait d’Amour
대비 및 접근성
Ag
AA흰색 위
WCAG 6.35:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.30:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--mature-cognac: #974839;
--mature-cognac-rgb: 151 72 57;
--mature-cognac-oklch: oklch(0.499 0.11 32.2);
}
.element {
color: var(--mature-cognac);
background-color: hsl(10 45% 41%);
border-color: oklch(0.499 0.11 32.2);
}Tailwind CSS v4
@theme {
--color-mature-cognac: #974839;
--color-mature-cognac-50: #ffebe1;
--color-mature-cognac-100: #ffdcd0;
--color-mature-cognac-200: #ffc4b6;
--color-mature-cognac-300: #eaa392;
--color-mature-cognac-400: #d78675;
--color-mature-cognac-500: #c46856;
--color-mature-cognac-600: #a5594a;
--color-mature-cognac-700: #85473b;
--color-mature-cognac-800: #63332b;
--color-mature-cognac-900: #45221d;
--color-mature-cognac-950: #2d110d;
}SCSS
$mature-cognac: #974839;
$mature-cognac-rgb: 151, 72, 57;
$mature-cognac-light: mix(#fff, $mature-cognac, 20%);
$mature-cognac-dark: mix(#000, $mature-cognac, 20%);
.element {
color: $mature-cognac;
box-shadow: 0 0 0 2px rgba($mature-cognac, 0.35);
}