가장 가까운 이름 색상 · #48003F
#48003F
가장 가까운 이름 색상: Eggplant
#48003F(rgb(72 0 63), hsl(308 100% 14%), oklch(0.276 0.123 334.7))와 가장 가까운 이름 색상은 Eggplant입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#48003F
oklch(0.276 0.123 334.7)
색상 변환
- HEX
- #48003f
- RGB
- rgb(72 0 63)
- HSL
- hsl(308 100% 14%)
- HWB
- hwb(308 0% 72%)
- OKLCH
- oklch(0.276 0.123 334.7)
- OKLab
- oklab(0.276 0.111 -0.052)
- CIE Lab
- lab(14.08 36.49 -18.81)
- LCH
- lch(14.08 41.05 332.7)
- CMYK
- cmyk(0% 100% 12% 72%)
틴트 · 셰이드 · 톤
틴트
- 5A1E51
- 6D3662
- 7F4E75
- 916688
- A37E9B
- B696AE
- C8B0C2
- DACAD6
- EDE4EA
셰이드
- 3D0035
- 33002C
- 290023
- 1F001B
- 160012
- 0D000A
- 060004
- 020001
- 000000
톤
- 4F1246
- 55204C
- 5B2D53
- 613959
- 674560
- 6C5166
- 725C6D
- 776873
- 7B7479
색 조화
보색 +180°
- 48003F
Eggplant
- 003118
≈ Nightly Woods
유사색 -30° +30°
- 48003F
Eggplant
- 360D57
≈ Vanishing
- 4F0021
≈ Fig Balsamic
삼각 배색 +120° +240°
- 48003F
Eggplant
- 312700
≈ Black Swan
- 002E36
≈ Black Chasm
분열 보색 +150° +210°
- 48003F
Eggplant
- 202D00
≈ Blind Forest
- 002F2B
≈ Roof Tile Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.58:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.34:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.58:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--eggplant: #48003f;
--eggplant-rgb: 72 0 63;
--eggplant-oklch: oklch(0.276 0.123 334.7);
}
.element {
color: var(--eggplant);
background-color: hsl(308 100% 14%);
border-color: oklch(0.276 0.123 334.7);
}Tailwind CSS v4
@theme {
--color-eggplant: #48003f;
--color-eggplant-50: #ffe8ff;
--color-eggplant-100: #ffd9f7;
--color-eggplant-200: #f7c1e8;
--color-eggplant-300: #e09fcf;
--color-eggplant-400: #cb82bb;
--color-eggplant-500: #b664a7;
--color-eggplant-600: #9a558d;
--color-eggplant-700: #7c4471;
--color-eggplant-800: #5b3155;
--color-eggplant-900: #40213b;
--color-eggplant-950: #281025;
}SCSS
$eggplant: #48003f;
$eggplant-rgb: 72, 0, 63;
$eggplant-light: mix(#fff, $eggplant, 20%);
$eggplant-dark: mix(#000, $eggplant, 20%);
.element {
color: $eggplant;
box-shadow: 0 0 0 2px rgba($eggplant, 0.35);
}