가장 가까운 이름 색상 · #C06964
#C06964
가장 가까운 이름 색상: Stormy Passion
#C06964(rgb(192 105 100), hsl(3 42% 57%), oklch(0.619 0.112 24.3))와 가장 가까운 이름 색상은 Stormy Passion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C06964
oklch(0.619 0.112 24.3)
색상 변환
- HEX
- #c06964
- RGB
- rgb(192 105 100)
- HSL
- hsl(3 42% 57%)
- HWB
- hwb(3 39% 25%)
- OKLCH
- oklch(0.619 0.112 24.3)
- OKLab
- oklab(0.619 0.102 0.046)
- CIE Lab
- lab(54.69 35.05 19.07)
- LCH
- lch(54.69 39.9 28.5)
- CMYK
- cmyk(0% 45% 48% 25%)
틴트 · 셰이드 · 톤
틴트
- C87873
- CF8781
- D69690
- DCA4A0
- E3B3AF
- E9C2BF
- EFD1CF
- F5E0DE
- FAF0EF
셰이드
- A75A56
- 8E4C48
- 763E3B
- 5F312E
- 492422
- 341816
- 200C0B
- 0E0403
- 020000
톤
- BA6C67
- B46F6A
- AE716D
- A87470
- A27673
- 9C7875
- 957A78
- 8E7C7B
- 877E7D
색 조화
보색 +180°
- C06964
Stormy Passion
- 0098A3
≈ Island Dream
유사색 -30° +30°
- C06964
Stormy Passion
- BA688A
≈ Malevolent Mauve
- B9723F
≈ Spice Cake
삼각 배색 +120° +240°
- C06964
Stormy Passion
- 599759
≈ Wicked Witch
- 6384C9
≈ Livid
분열 보색 +150° +210°
- C06964
Stormy Passion
- 1A9B81
≈ Paolo Veronese Green
- 3090BF
≈ Christmas Blue
사각 배색 +90° +180° +270°
- C06964
Stormy Passion
- 858D35
≈ Wasabi Nuts
- 0098A3
≈ Island Dream
- 8A78C2
≈ Ube
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.85:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.44:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--stormy-passion: #c06964;
--stormy-passion-rgb: 192 105 100;
--stormy-passion-oklch: oklch(0.619 0.112 24.3);
}
.element {
color: var(--stormy-passion);
background-color: hsl(3 42% 57%);
border-color: oklch(0.619 0.112 24.3);
}Tailwind CSS v4
@theme {
--color-stormy-passion: #c06964;
--color-stormy-passion-50: #ffeae4;
--color-stormy-passion-100: #ffdad4;
--color-stormy-passion-200: #ffc3bb;
--color-stormy-passion-300: #eba199;
--color-stormy-passion-400: #d9837e;
--color-stormy-passion-500: #c56661;
--color-stormy-passion-600: #a75652;
--color-stormy-passion-700: #864541;
--color-stormy-passion-800: #643130;
--color-stormy-passion-900: #462221;
--color-stormy-passion-950: #2d1010;
}SCSS
$stormy-passion: #c06964;
$stormy-passion-rgb: 192, 105, 100;
$stormy-passion-light: mix(#fff, $stormy-passion, 20%);
$stormy-passion-dark: mix(#000, $stormy-passion, 20%);
.element {
color: $stormy-passion;
box-shadow: 0 0 0 2px rgba($stormy-passion, 0.35);
}