가장 가까운 이름 색상 · #8C3757
#8C3757
가장 가까운 이름 색상: Pink Horror
#8C3757(rgb(140 55 87), hsl(337 44% 38%), oklch(0.464 0.12 359.4))와 가장 가까운 이름 색상은 Pink Horror입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8C3757
oklch(0.464 0.12 359.4)
색상 변환
- HEX
- #8c3757
- RGB
- rgb(140 55 87)
- HSL
- hsl(337 44% 38%)
- HWB
- hwb(337 22% 45%)
- OKLCH
- oklch(0.464 0.12 359.4)
- OKLab
- oklab(0.464 0.12 -0.001)
- CIE Lab
- lab(36.27 39.15 0.04)
- LCH
- lch(36.27 39.15 0.1)
- CMYK
- cmyk(0% 61% 38% 45%)
틴트 · 셰이드 · 톤
틴트
- 994B66
- A55E76
- B17286
- BD8596
- C999A7
- D4ADB8
- DFC1C9
- EAD5DB
- F5EAED
셰이드
- 792E4B
- 67263E
- 551E33
- 431627
- 330F1C
- 230812
- 140308
- 070103
- 010000
톤
- 8C405B
- 8C485F
- 8B4F63
- 8B5767
- 8A5E6B
- 88656F
- 876C73
- 857378
- 83797C
색 조화
보색 +180°
- 8C3757
Pink Horror
- 00685A
≈ Bella Vista
유사색 -30° +30°
- 8C3757
Pink Horror
- 7D3D79
≈ Deep Commitment to Purple
- 90392F
≈ Thunderbird
삼각 배색 +120° +240°
- 8C3757
Pink Horror
- 526100
≈ Camouflage Green
- 005F8D
≈ Mamala Bay
분열 보색 +150° +210°
- 8C3757
Pink Horror
- 146B31
≈ Ireland Green
- 006571
≈ Wakame Green
사각 배색 +90° +180° +270°
- 8C3757
Pink Horror
- 6E5600
≈ Ayahuasca Vine
- 00685A
≈ Bella Vista
- 3E539C
≈ Crushed Velvet
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.50:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.79:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--pink-horror: #8c3757;
--pink-horror-rgb: 140 55 87;
--pink-horror-oklch: oklch(0.464 0.12 359.4);
}
.element {
color: var(--pink-horror);
background-color: hsl(337 44% 38%);
border-color: oklch(0.464 0.12 359.4);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8c3757;
--color-pink-horror-50: #ffe8f3;
--color-pink-horror-100: #ffd8e5;
--color-pink-horror-200: #ffbfd1;
--color-pink-horror-300: #eb9db3;
--color-pink-horror-400: #d87f9c;
--color-pink-horror-500: #c46184;
--color-pink-horror-600: #a6526f;
--color-pink-horror-700: #854259;
--color-pink-horror-800: #632f43;
--color-pink-horror-900: #45202e;
--color-pink-horror-950: #2d0f1b;
}SCSS
$pink-horror: #8c3757;
$pink-horror-rgb: 140, 55, 87;
$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);
}