가장 가까운 이름 색상 · #852B56
#852B56
가장 가까운 이름 색상: Pink Horror
#852B56(rgb(133 43 86), hsl(331 51% 35%), oklch(0.437 0.131 354.4))와 가장 가까운 이름 색상은 Pink Horror입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#852B56
oklch(0.437 0.131 354.4)
색상 변환
- HEX
- #852b56
- RGB
- rgb(133 43 86)
- HSL
- hsl(331 51% 35%)
- HWB
- hwb(331 17% 48%)
- OKLCH
- oklch(0.437 0.131 354.4)
- OKLab
- oklab(0.437 0.13 -0.013)
- CIE Lab
- lab(32.95 41.99 -4.34)
- LCH
- lch(32.95 42.21 354.1)
- CMYK
- cmyk(0% 68% 35% 48%)
틴트 · 셰이드 · 톤
틴트
- 934165
- A05675
- AD6A85
- BA7F96
- C694A7
- D2A8B8
- DDBEC9
- E9D3DB
- F4E9ED
셰이드
- 73244A
- 611D3E
- 501632
- 401027
- 300A1C
- 210512
- 130208
- 060102
- 010000
톤
- 86355A
- 863F5E
- 874862
- 875067
- 87596B
- 86616F
- 856973
- 847177
- 82787C
색 조화
보색 +180°
- 852B56
Pink Horror
- 00604E
≈ Sci-Fi Takeout
유사색 -30° +30°
- 852B56
Pink Horror
- 733379
≈ Maximum Purple
- 8B2B2B
≈ Borscht
삼각 배색 +120° +240°
- 852B56
Pink Horror
- 515700
≈ Douro
- 00597C
≈ Commandes
분열 보색 +150° +210°
- 852B56
Pink Horror
- 10631A
≈ Woodland Wonder
- 005D65
≈ Enamelled Jewel
사각 배색 +90° +180° +270°
- 852B56
Pink Horror
- 684D00
≈ Antique Bronze
- 00604E
≈ Sci-Fi Takeout
- 2C4C99
≈ Le Grand Bleu
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.47:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.47:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.47:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--pink-horror: #852b56;
--pink-horror-rgb: 133 43 86;
--pink-horror-oklch: oklch(0.437 0.131 354.4);
}
.element {
color: var(--pink-horror);
background-color: hsl(331 51% 35%);
border-color: oklch(0.437 0.131 354.4);
}Tailwind CSS v4
@theme {
--color-pink-horror: #852b56;
--color-pink-horror-50: #ffe6f6;
--color-pink-horror-100: #ffd7e9;
--color-pink-horror-200: #ffbdd6;
--color-pink-horror-300: #ed9bb9;
--color-pink-horror-400: #da7ca3;
--color-pink-horror-500: #c65d8b;
--color-pink-horror-600: #a84f76;
--color-pink-horror-700: #873f5e;
--color-pink-horror-800: #642d47;
--color-pink-horror-900: #461f31;
--color-pink-horror-950: #2d0e1d;
}SCSS
$pink-horror: #852b56;
$pink-horror-rgb: 133, 43, 86;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}