이름 색상 · #8E5565
Pink Peppercorn
Pink Peppercorn은(는) #8E5565: rgb(142 85 101), hsl(343 25% 45%), oklch(0.519 0.078 2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pink Peppercorn color name →
#8E5565
oklch(0.519 0.078 2)
색상 변환
- HEX
- #8e5565
- RGB
- rgb(142 85 101)
- HSL
- hsl(343 25% 45%)
- HWB
- hwb(343 33% 44%)
- OKLCH
- oklch(0.519 0.078 2)
- OKLab
- oklab(0.519 0.078 0.003)
- CIE Lab
- lab(43.24 25.87 1.38)
- LCH
- lch(43.24 25.9 3)
- CMYK
- cmyk(0% 40% 29% 44%)
틴트 · 셰이드 · 톤
틴트
- 9A6573
- A57582
- B18690
- BC969F
- C7A7AF
- D3B8BE
- DECACE
- E9DBDE
- F4EDEF
셰이드
- 7B4957
- 683D49
- 56313C
- 44262F
- 341C22
- 241117
- 15080C
- 070203
- 010000
톤
- 8D5A68
- 8C5E6A
- 8B626D
- 8A6770
- 896B72
- 876F75
- 867478
- 84787B
- 827C7D
색 조화
보색 +180°
- 8E5565
Pink Peppercorn
- 28776C
≈ Iguaçuense Waterfall
유사색 -30° +30°
- 8E5565
Pink Peppercorn
- 83587D
≈ Dull Purple
- 90574C
≈ Rich Brocade
삼각 배색 +120° +240°
- 8E5565
Pink Peppercorn
- 61703B
≈ Venom Wyrm
- 3D6E92
≈ Rainy Lake
분열 보색 +150° +210°
- 8E5565
Pink Peppercorn
- 447652
≈ Killarney
- 247483
≈ Oceanic Metropolis
사각 배색 +90° +180° +270°
- 8E5565
Pink Peppercorn
- 79672F
≈ Brazen Brass
- 28776C
≈ Iguaçuense Waterfall
- 596696
≈ UCLA Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.77:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.63:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--pink-peppercorn: #8e5565;
--pink-peppercorn-rgb: 142 85 101;
--pink-peppercorn-oklch: oklch(0.519 0.078 2);
}
.element {
color: var(--pink-peppercorn);
background-color: hsl(343 25% 45%);
border-color: oklch(0.519 0.078 2);
}Tailwind CSS v4
@theme {
--color-pink-peppercorn: #8e5565;
--color-pink-peppercorn-50: #ffecf2;
--color-pink-peppercorn-100: #ffdee5;
--color-pink-peppercorn-200: #f3c7d0;
--color-pink-peppercorn-300: #dba7b3;
--color-pink-peppercorn-400: #c68b9b;
--color-pink-peppercorn-500: #b27082;
--color-pink-peppercorn-600: #965f6e;
--color-pink-peppercorn-700: #784c58;
--color-pink-peppercorn-800: #593741;
--color-pink-peppercorn-900: #3e252d;
--color-pink-peppercorn-950: #27141a;
}SCSS
$pink-peppercorn: #8e5565;
$pink-peppercorn-rgb: 142, 85, 101;
$pink-peppercorn-light: mix(#fff, $pink-peppercorn, 20%);
$pink-peppercorn-dark: mix(#000, $pink-peppercorn, 20%);
.element {
color: $pink-peppercorn;
box-shadow: 0 0 0 2px rgba($pink-peppercorn, 0.35);
}