이름 색상 · #612246
Plum Caspia
Plum Caspia은(는) #612246: rgb(97 34 70), hsl(326 48% 26%), oklch(0.359 0.101 348). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Plum Caspia color name →
#612246
oklch(0.359 0.101 348)
색상 변환
- HEX
- #612246
- RGB
- rgb(97 34 70)
- HSL
- hsl(326 48% 26%)
- HWB
- hwb(326 13% 62%)
- OKLCH
- oklch(0.359 0.101 348)
- OKLab
- oklab(0.359 0.099 -0.021)
- CIE Lab
- lab(24.25 32.11 -7.53)
- LCH
- lch(24.25 32.98 346.8)
- CMYK
- cmyk(0% 65% 28% 62%)
틴트 · 셰이드 · 톤
틴트
- 713757
- 814C68
- 916179
- A1768B
- B18C9E
- C0A2B0
- D0B9C4
- E0D0D7
- EFE7EB
셰이드
- 531C3C
- 461632
- 391128
- 2D0B1E
- 210715
- 15030D
- 0B0105
- 030002
- 000000
톤
- 652C4C
- 693651
- 6D3F57
- 70495D
- 735262
- 765B68
- 79646E
- 7C6D74
- 7E777A
색 조화
보색 +180°
- 612246
Plum Caspia
- 004935
≈ Zucchini
유사색 -30° +30°
- 612246
Plum Caspia
- 52285F
≈ Kuwanomi Purple
- 682128
≈ Full City Roast
삼각 배색 +120° +240°
- 612246
Plum Caspia
- 413F00
≈ Green Not Found
- 00435A
≈ Loyal Blue
분열 보색 +150° +210°
- 612246
Plum Caspia
- 1E480A
≈ Dark Fern
- 004648
≈ Incubi Darkness
사각 배색 +90° +180° +270°
- 612246
Plum Caspia
- 523700
≈ Eyelash Camel
- 004935
≈ Zucchini
- 173B71
≈ Tardis Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.50:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.82:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.50:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--plum-caspia: #612246;
--plum-caspia-rgb: 97 34 70;
--plum-caspia-oklch: oklch(0.359 0.101 348);
}
.element {
color: var(--plum-caspia);
background-color: hsl(326 48% 26%);
border-color: oklch(0.359 0.101 348);
}Tailwind CSS v4
@theme {
--color-plum-caspia: #612246;
--color-plum-caspia-50: #ffeaf9;
--color-plum-caspia-100: #ffdbed;
--color-plum-caspia-200: #f7c3da;
--color-plum-caspia-300: #e0a2bf;
--color-plum-caspia-400: #cb86a9;
--color-plum-caspia-500: #b76992;
--color-plum-caspia-600: #9a597b;
--color-plum-caspia-700: #7c4763;
--color-plum-caspia-800: #5b334a;
--color-plum-caspia-900: #402333;
--color-plum-caspia-950: #29121f;
}SCSS
$plum-caspia: #612246;
$plum-caspia-rgb: 97, 34, 70;
$plum-caspia-light: mix(#fff, $plum-caspia, 20%);
$plum-caspia-dark: mix(#000, $plum-caspia, 20%);
.element {
color: $plum-caspia;
box-shadow: 0 0 0 2px rgba($plum-caspia, 0.35);
}