가장 가까운 이름 색상 · #A10266
#A10266
가장 가까운 이름 색상: Morbid Princess
#A10266(rgb(161 2 102), hsl(322 98% 32%), oklch(0.467 0.193 351.4))와 가장 가까운 이름 색상은 Morbid Princess입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A10266
oklch(0.467 0.193 351.4)
색상 변환
- HEX
- #a10266
- RGB
- rgb(161 2 102)
- HSL
- hsl(322 98% 32%)
- HWB
- hwb(322 1% 37%)
- OKLCH
- oklch(0.467 0.193 351.4)
- OKLab
- oklab(0.467 0.191 -0.029)
- CIE Lab
- lab(35.55 60.68 -10.06)
- LCH
- lch(35.55 61.51 350.6)
- CMYK
- cmyk(0% 99% 37% 37%)
틴트 · 셰이드 · 톤
틴트
- AD3074
- B94B83
- C46391
- CE79A0
- D88FB0
- E1A6BF
- E9BCCF
- F1D2DF
- F8E8EF
셰이드
- 8B0158
- 76014A
- 62013C
- 4E002F
- 3C0023
- 2A0017
- 19000C
- 090004
- 010000
톤
- A02169
- 9E326B
- 9C3F6E
- 994A71
- 975473
- 935E76
- 8F6778
- 8B6F7B
- 86787D
색 조화
보색 +180°
- A10266
Morbid Princess
- 006A53
≈ Peacock Green
유사색 -30° +30°
- A10266
Morbid Princess
- 882299
≈ Passionate Purple
- AA0026
≈ Incarnadine
삼각 배색 +120° +240°
- A10266
Morbid Princess
- 5C5F00
≈ Kirchner Green
- 006285
≈ Blue League
분열 보색 +150° +210°
- A10266
Morbid Princess
- 116D00
≈ Leafy Lush
- 00676C
≈ Tahitian Treat
사각 배색 +90° +180° +270°
- A10266
Morbid Princess
- 755300
≈ Pickled Grape Leaves
- 006A53
≈ Peacock Green
- 0D4EC3
≈ New Car
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.73:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.71:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--morbid-princess: #a10266;
--morbid-princess-rgb: 161 2 102;
--morbid-princess-oklch: oklch(0.467 0.193 351.4);
}
.element {
color: var(--morbid-princess);
background-color: hsl(322 98% 32%);
border-color: oklch(0.467 0.193 351.4);
}Tailwind CSS v4
@theme {
--color-morbid-princess: #a10266;
--color-morbid-princess-50: #ffdff9;
--color-morbid-princess-100: #ffceed;
--color-morbid-princess-200: #ffb1db;
--color-morbid-princess-300: #ff8bbf;
--color-morbid-princess-400: #ef66ab;
--color-morbid-princess-500: #dd3c95;
--color-morbid-princess-600: #bb357e;
--color-morbid-princess-700: #962a65;
--color-morbid-princess-800: #6f1d4c;
--color-morbid-princess-900: #4e1335;
--color-morbid-princess-950: #340420;
}SCSS
$morbid-princess: #a10266;
$morbid-princess-rgb: 161, 2, 102;
$morbid-princess-light: mix(#fff, $morbid-princess, 20%);
$morbid-princess-dark: mix(#000, $morbid-princess, 20%);
.element {
color: $morbid-princess;
box-shadow: 0 0 0 2px rgba($morbid-princess, 0.35);
}