가장 가까운 이름 색상 · #C39397
#C39397
가장 가까운 이름 색상: Mutabilis
#C39397(rgb(195 147 151), hsl(355 29% 67%), oklch(0.71 0.058 13.1))와 가장 가까운 이름 색상은 Mutabilis입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C39397
oklch(0.71 0.058 13.1)
색상 변환
- HEX
- #c39397
- RGB
- rgb(195 147 151)
- HSL
- hsl(355 29% 67%)
- HWB
- hwb(355 58% 24%)
- OKLCH
- oklch(0.71 0.058 13.1)
- OKLab
- oklab(0.71 0.057 0.013)
- CIE Lab
- lab(65.7 19.07 5.3)
- LCH
- lch(65.7 19.79 15.5)
- CMYK
- cmyk(0% 25% 23% 24%)
틴트 · 셰이드 · 톤
틴트
- C99DA1
- D0A8AB
- D6B3B5
- DCBDBF
- E2C8CA
- E8D3D4
- EEDEDF
- F3E9E9
- F9F4F4
셰이드
- A97F83
- 906C6F
- 78595C
- 604749
- 4A3637
- 342526
- 201617
- 0E0808
- 020101
톤
- BC9195
- B68F92
- AF8E90
- A88C8E
- A28A8B
- 9B8889
- 948687
- 8E8485
- 878282
색 조화
보색 +180°
- C39397
Mutabilis
- 76ADAB
≈ Solution
유사색 -30° +30°
- C39397
Mutabilis
- BC93AB
≈ Bed of Roses
- C29685
≈ Revenant Brown
삼각 배색 +120° +240°
- C39397
Mutabilis
- 93AA85
≈ Huntington Garden
- 88A4C6
≈ Windy City
분열 보색 +150° +210°
- C39397
Mutabilis
- 80AD97
≈ Catnip
- 79AABC
≈ Snowboard
사각 배색 +90° +180° +270°
- C39397
Mutabilis
- A8A479
≈ Fond of Fronds
- 76ADAB
≈ Solution
- 9C9DC5
≈ Opulent Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.64:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.94:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.94:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--mutabilis: #c39397;
--mutabilis-rgb: 195 147 151;
--mutabilis-oklch: oklch(0.71 0.058 13.1);
}
.element {
color: var(--mutabilis);
background-color: hsl(355 29% 67%);
border-color: oklch(0.71 0.058 13.1);
}Tailwind CSS v4
@theme {
--color-mutabilis: #c39397;
--color-mutabilis-50: #ffeff0;
--color-mutabilis-100: #fbe1e2;
--color-mutabilis-200: #eccbcc;
--color-mutabilis-300: #d4acae;
--color-mutabilis-400: #be9195;
--color-mutabilis-500: #a9767b;
--color-mutabilis-600: #8f6468;
--color-mutabilis-700: #735053;
--color-mutabilis-800: #553a3d;
--color-mutabilis-900: #3b282a;
--color-mutabilis-950: #251618;
}SCSS
$mutabilis: #c39397;
$mutabilis-rgb: 195, 147, 151;
$mutabilis-light: mix(#fff, $mutabilis, 20%);
$mutabilis-dark: mix(#000, $mutabilis, 20%);
.element {
color: $mutabilis;
box-shadow: 0 0 0 2px rgba($mutabilis, 0.35);
}