가장 가까운 이름 색상 · #8A5453
#8A5453
가장 가까운 이름 색상: Red Elegance
#8A5453(rgb(138 84 83), hsl(1 25% 43%), oklch(0.507 0.072 21.1))와 가장 가까운 이름 색상은 Red Elegance입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8A5453
oklch(0.507 0.072 21.1)
색상 변환
- HEX
- #8a5453
- RGB
- rgb(138 84 83)
- HSL
- hsl(1 25% 43%)
- HWB
- hwb(1 33% 46%)
- OKLCH
- oklch(0.507 0.072 21.1)
- OKLab
- oklab(0.507 0.068 0.026)
- CIE Lab
- lab(42.05 22.99 10.6)
- LCH
- lch(42.05 25.32 24.8)
- CMYK
- cmyk(0% 39% 40% 46%)
틴트 · 셰이드 · 톤
틴트
- 966463
- A27473
- AE8583
- BA9594
- C5A6A5
- D1B8B6
- DCC9C8
- E8DBDA
- F4EDEC
셰이드
- 774847
- 653C3B
- 533130
- 422625
- 321B1B
- 221111
- 140808
- 070202
- 010000
톤
- 8A5957
- 895D5C
- 886260
- 886665
- 876A69
- 866F6E
- 847372
- 837777
- 827C7B
색 조화
보색 +180°
- 8A5453
Red Elegance
- 267176
≈ Whaling Waters
유사색 -30° +30°
- 8A5453
Red Elegance
- 85546A
≈ Private Tone
- 86593E
≈ Hope Chest
삼각 배색 +120° +240°
- 8A5453
Red Elegance
- 4E7048
≈ Asparagus Sprig
- 4D658F
≈ Dutch Blue
분열 보색 +150° +210°
- 8A5453
Red Elegance
- 337360
≈ Nordic Forest
- 346D87
≈ Astral
사각 배색 +90° +180° +270°
- 8A5453
Red Elegance
- 676936
≈ Jungle Civilization
- 267176
≈ Whaling Waters
- 655E8C
≈ Majestic Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 6.04:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.47:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--red-elegance: #8a5453;
--red-elegance-rgb: 138 84 83;
--red-elegance-oklch: oklch(0.507 0.072 21.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(1 25% 43%);
border-color: oklch(0.507 0.072 21.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #8a5453;
--color-red-elegance-50: #ffeeeb;
--color-red-elegance-100: #ffdfdd;
--color-red-elegance-200: #f2c9c6;
--color-red-elegance-300: #daa9a6;
--color-red-elegance-400: #c68e8c;
--color-red-elegance-500: #b17371;
--color-red-elegance-600: #966160;
--color-red-elegance-700: #784e4d;
--color-red-elegance-800: #593838;
--color-red-elegance-900: #3e2627;
--color-red-elegance-950: #271515;
}SCSS
$red-elegance: #8a5453;
$red-elegance-rgb: 138, 84, 83;
$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);
}