가장 가까운 이름 색상 · #84444F
#84444F
가장 가까운 이름 색상: Red Elegance
#84444F(rgb(132 68 79), hsl(350 32% 39%), oklch(0.469 0.088 10.1))와 가장 가까운 이름 색상은 Red Elegance입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#84444F
oklch(0.469 0.088 10.1)
색상 변환
- HEX
- #84444f
- RGB
- rgb(132 68 79)
- HSL
- hsl(350 32% 39%)
- HWB
- hwb(350 27% 48%)
- OKLCH
- oklch(0.469 0.088 10.1)
- OKLab
- oklab(0.469 0.087 0.016)
- CIE Lab
- lab(37.39 28.88 6.47)
- LCH
- lch(37.39 29.6 12.6)
- CMYK
- cmyk(0% 48% 40% 48%)
틴트 · 셰이드 · 톤
틴트
- 91565F
- 9E676F
- AA7980
- B78C91
- C39EA3
- CFB1B4
- DBC4C7
- E7D7D9
- F3EBEC
셰이드
- 723A44
- 603038
- 4F262E
- 3F1D23
- 2F1419
- 200C10
- 120507
- 060202
- 010000
톤
- 844A54
- 855159
- 85575D
- 855D62
- 846367
- 84696C
- 836F71
- 827476
- 817A7B
색 조화
보색 +180°
- 84444F
Red Elegance
- 006965
≈ Chinese Garden
유사색 -30° +30°
- 84444F
Red Elegance
- 7B466A
≈ Magician’s Cloak
- 844833
≈ Hammered Copper
삼각 배색 +120° +240°
- 84444F
Red Elegance
- 4A642C
≈ Dell
- 315D8A
≈ Moroccan Resort
분열 보색 +150° +210°
- 84444F
Red Elegance
- 236949
≈ Pumpkin Green
- 00657C
≈ Striking
사각 배색 +90° +180° +270°
- 84444F
Red Elegance
- 665B15
≈ Brussels Sprout Green
- 006965
≈ Chinese Garden
- 51548B
≈ Baby Whale
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.18:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.92:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--red-elegance: #84444f;
--red-elegance-rgb: 132 68 79;
--red-elegance-oklch: oklch(0.469 0.088 10.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(350 32% 39%);
border-color: oklch(0.469 0.088 10.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #84444f;
--color-red-elegance-50: #ffebee;
--color-red-elegance-100: #ffdde0;
--color-red-elegance-200: #f7c5ca;
--color-red-elegance-300: #e1a5ab;
--color-red-elegance-400: #cc8992;
--color-red-elegance-500: #b86d79;
--color-red-elegance-600: #9c5c66;
--color-red-elegance-700: #7d4a52;
--color-red-elegance-800: #5c353c;
--color-red-elegance-900: #412429;
--color-red-elegance-950: #291317;
}SCSS
$red-elegance: #84444f;
$red-elegance-rgb: 132, 68, 79;
$red-elegance-light: mix(#fff, $red-elegance, 20%);
$red-elegance-dark: mix(#000, $red-elegance, 20%);
.element {
color: $red-elegance;
box-shadow: 0 0 0 2px rgba($red-elegance, 0.35);
}