이름 색상 · #811453
French Plum
French Plum은(는) #811453: rgb(129 20 83), hsl(325 73% 29%), oklch(0.407 0.153 351.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · French Plum color name →
#811453
oklch(0.407 0.153 351.4)
색상 변환
- HEX
- #811453
- RGB
- rgb(129 20 83)
- HSL
- hsl(325 73% 29%)
- HWB
- hwb(325 8% 49%)
- OKLCH
- oklch(0.407 0.153 351.4)
- OKLab
- oklab(0.407 0.151 -0.023)
- CIE Lab
- lab(29.18 48.32 -8.05)
- LCH
- lch(29.18 48.98 350.5)
- CMYK
- cmyk(0% 84% 36% 49%)
틴트 · 셰이드 · 톤
틴트
- 903163
- 9E4973
- AB6083
- B87694
- C58CA5
- D1A3B6
- DDB9C8
- E9D0DA
- F4E7EC
셰이드
- 6F1047
- 5E0C3B
- 4E0830
- 3E0525
- 2E031B
- 1F0111
- 120108
- 060002
- 010000
톤
- 832557
- 84325C
- 853D60
- 854865
- 865269
- 855B6E
- 856572
- 846E77
- 82777B
색 조화
보색 +180°
- 811453
French Plum
- 005744
≈ Sacramento State Green
유사색 -30° +30°
- 811453
French Plum
- 6D227A
≈ Berry Blackmail
- 8A1021
≈ Barbera
삼각 배색 +120° +240°
- 811453
French Plum
- 4C4E00
≈ Scorzonera Brown
- 00516E
≈ Captain Blue
분열 보색 +150° +210°
- 811453
French Plum
- 0D5A00
≈ Lincoln Green
- 005459
≈ Deep Teal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.72:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.15:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.72:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--french-plum: #811453;
--french-plum-rgb: 129 20 83;
--french-plum-oklch: oklch(0.407 0.153 351.4);
}
.element {
color: var(--french-plum);
background-color: hsl(325 73% 29%);
border-color: oklch(0.407 0.153 351.4);
}Tailwind CSS v4
@theme {
--color-french-plum: #811453;
--color-french-plum-50: #ffe4f9;
--color-french-plum-100: #ffd3ec;
--color-french-plum-200: #ffb9d9;
--color-french-plum-300: #f496be;
--color-french-plum-400: #e175a9;
--color-french-plum-500: #ce5392;
--color-french-plum-600: #ae477b;
--color-french-plum-700: #8c3963;
--color-french-plum-800: #67284a;
--color-french-plum-900: #491b34;
--color-french-plum-950: #2f0b1f;
}SCSS
$french-plum: #811453;
$french-plum-rgb: 129, 20, 83;
$french-plum-light: mix(#fff, $french-plum, 20%);
$french-plum-dark: mix(#000, $french-plum, 20%);
.element {
color: $french-plum;
box-shadow: 0 0 0 2px rgba($french-plum, 0.35);
}