가장 가까운 이름 색상 · #6B0072
#6B0072
가장 가까운 이름 색상: Ultraberry
#6B0072(rgb(107 0 114), hsl(296 100% 22%), oklch(0.375 0.175 325.1))와 가장 가까운 이름 색상은 Ultraberry입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6B0072
oklch(0.375 0.175 325.1)
색상 변환
- HEX
- #6b0072
- RGB
- rgb(107 0 114)
- HSL
- hsl(296 100% 22%)
- HWB
- hwb(296 0% 55%)
- OKLCH
- oklch(0.375 0.175 325.1)
- OKLab
- oklab(0.375 0.144 -0.1)
- CIE Lab
- lab(24.61 50.22 -35.8)
- LCH
- lch(24.61 61.67 324.5)
- CMYK
- cmyk(6% 100% 0% 55%)
틴트 · 셰이드 · 톤
틴트
- 7B2880
- 8A428E
- 995A9C
- A871AB
- B788B9
- C59FC7
- D4B7D5
- E2CEE3
- F1E7F1
셰이드
- 5C0062
- 4E0053
- 3F0044
- 320036
- 250028
- 18001B
- 0D000E
- 040004
- 000001
톤
- 6E1B74
- 712A76
- 743778
- 764379
- 794E7B
- 7B587C
- 7C627D
- 7E6C7E
- 7F767F
색 조화
보색 +180°
- 6B0072
Ultraberry
- 005011
≈ Malachite Green
유사색 -30° +30°
- 6B0072
Ultraberry
- 4C1C91
≈ Eggplant Tint
- 790045
≈ Dawn of the Fairies
삼각 배색 +120° +240°
- 6B0072
Ultraberry
- 543D00
≈ Pineapple
- 004B51
≈ Sherpa Blue
분열 보색 +150° +210°
- 6B0072
Ultraberry
- 404600
≈ Green Not Found
- 004D3F
≈ Urban Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.24:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 1.86:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 11.24:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--ultraberry: #6b0072;
--ultraberry-rgb: 107 0 114;
--ultraberry-oklch: oklch(0.375 0.175 325.1);
}
.element {
color: var(--ultraberry);
background-color: hsl(296 100% 22%);
border-color: oklch(0.375 0.175 325.1);
}Tailwind CSS v4
@theme {
--color-ultraberry: #6b0072;
--color-ultraberry-50: #ffe4ff;
--color-ultraberry-100: #ffd4ff;
--color-ultraberry-200: #fdbafb;
--color-ultraberry-300: #e796e6;
--color-ultraberry-400: #d176d6;
--color-ultraberry-500: #bd53c4;
--color-ultraberry-600: #a048a6;
--color-ultraberry-700: #803985;
--color-ultraberry-800: #5e2965;
--color-ultraberry-900: #421c47;
--color-ultraberry-950: #2a0b2e;
}SCSS
$ultraberry: #6b0072;
$ultraberry-rgb: 107, 0, 114;
$ultraberry-light: mix(#fff, $ultraberry, 20%);
$ultraberry-dark: mix(#000, $ultraberry, 20%);
.element {
color: $ultraberry;
box-shadow: 0 0 0 2px rgba($ultraberry, 0.35);
}