가장 가까운 이름 색상 · #48173D
#48173D
가장 가까운 이름 색상: Velvet Cosmos
#48173D(rgb(72 23 61), hsl(313 52% 19%), oklch(0.297 0.091 337.4))와 가장 가까운 이름 색상은 Velvet Cosmos입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#48173D
oklch(0.297 0.091 337.4)
색상 변환
- HEX
- #48173d
- RGB
- rgb(72 23 61)
- HSL
- hsl(313 52% 19%)
- HWB
- hwb(313 9% 72%)
- OKLCH
- oklch(0.297 0.091 337.4)
- OKLab
- oklab(0.297 0.084 -0.035)
- CIE Lab
- lab(17.17 27.51 -12.59)
- LCH
- lch(17.17 30.25 335.4)
- CMYK
- cmyk(0% 68% 15% 72%)
틴트 · 셰이드 · 톤
틴트
- 5A2D4E
- 6C4260
- 7D5773
- 8F6E85
- A28599
- B49CAC
- C7B4C1
- D9CCD5
- ECE5EA
셰이드
- 3D1234
- 330E2B
- 290A22
- 1F061A
- 160412
- 0D020A
- 060104
- 020001
- 000000
톤
- 4E2243
- 542D4A
- 5A3751
- 604157
- 664B5E
- 6B5665
- 71606B
- 766B72
- 7B7579
색 조화
보색 +180°
- 48173D
Velvet Cosmos
- 00371F
≈ Off-Road Green
유사색 -30° +30°
- 48173D
Velvet Cosmos
- 391E50
≈ Powerful Violet
- 501425
≈ Vino Tinto
삼각 배색 +120° +240°
- 48173D
Velvet Cosmos
- 362D00
≈ Secret Passage
- 00333F
≈ Nordic Noir
분열 보색 +150° +210°
- 48173D
Velvet Cosmos
- 223400
≈ Blind Forest
- 003532
≈ Shrub Green
사각 배색 +90° +180° +270°
- 48173D
Velvet Cosmos
- 422600
≈ Blackened Brown
- 00371F
≈ Off-Road Green
- 002F52
≈ Indigo Black
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.32:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.46:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.32:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--velvet-cosmos: #48173d;
--velvet-cosmos-rgb: 72 23 61;
--velvet-cosmos-oklch: oklch(0.297 0.091 337.4);
}
.element {
color: var(--velvet-cosmos);
background-color: hsl(313 52% 19%);
border-color: oklch(0.297 0.091 337.4);
}Tailwind CSS v4
@theme {
--color-velvet-cosmos: #48173d;
--color-velvet-cosmos-50: #ffecfe;
--color-velvet-cosmos-100: #feddf2;
--color-velvet-cosmos-200: #f0c6e1;
--color-velvet-cosmos-300: #d8a6c7;
--color-velvet-cosmos-400: #c28ab2;
--color-velvet-cosmos-500: #ad6e9c;
--color-velvet-cosmos-600: #925d84;
--color-velvet-cosmos-700: #754b69;
--color-velvet-cosmos-800: #56364f;
--color-velvet-cosmos-900: #3c2537;
--color-velvet-cosmos-950: #261322;
}SCSS
$velvet-cosmos: #48173d;
$velvet-cosmos-rgb: 72, 23, 61;
$velvet-cosmos-light: mix(#fff, $velvet-cosmos, 20%);
$velvet-cosmos-dark: mix(#000, $velvet-cosmos, 20%);
.element {
color: $velvet-cosmos;
box-shadow: 0 0 0 2px rgba($velvet-cosmos, 0.35);
}