이름 색상 · #9D7AAC
Cloudy Plum
Cloudy Plum은(는) #9D7AAC: rgb(157 122 172), hsl(282 23% 58%), oklch(0.631 0.083 315.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Cloudy Plum color name →
#9D7AAC
oklch(0.631 0.083 315.5)
색상 변환
- HEX
- #9d7aac
- RGB
- rgb(157 122 172)
- HSL
- hsl(282 23% 58%)
- HWB
- hwb(282 48% 33%)
- OKLCH
- oklch(0.631 0.083 315.5)
- OKLab
- oklab(0.631 0.059 -0.058)
- CIE Lab
- lab(56.04 20.97 -21.36)
- LCH
- lch(56.04 29.93 314.5)
- CMYK
- cmyk(9% 29% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- A787B4
- B094BD
- BAA1C5
- C4AECD
- CDBBD5
- D7C8DE
- E1D6E6
- EBE3EE
- F5F1F7
셰이드
- 886995
- 73597F
- 5F4969
- 4C3A54
- 3A2B40
- 281D2D
- 18101B
- 09050B
- 010101
톤
- 9A7BA8
- 977CA3
- 947C9F
- 927D9B
- 8F7E96
- 8C7E92
- 897F8D
- 867F89
- 838084
색 조화
보색 +180°
- 9D7AAC
Cloudy Plum
- 739562
≈ Van Gogh Olives
유사색 -30° +30°
- 9D7AAC
Cloudy Plum
- 8482BA
≈ Deep Periwinkle
- AE7595
≈ So Long Shadow
삼각 배색 +120° +240°
- 9D7AAC
Cloudy Plum
- A7824E
≈ Hamster Fur
- 429999
≈ Aquatic Green
분열 보색 +150° +210°
- 9D7AAC
Cloudy Plum
- 908D4F
≈ Green Jalapeño
- 549A7D
≈ Wintergreen Shadow
사각 배색 +90° +180° +270°
- 9D7AAC
Cloudy Plum
- B4795E
≈ Myrtle Pepper
- 739562
≈ Van Gogh Olives
- 4C94B0
≈ Jet Ski
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.61:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.81:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--cloudy-plum: #9d7aac;
--cloudy-plum-rgb: 157 122 172;
--cloudy-plum-oklch: oklch(0.631 0.083 315.5);
}
.element {
color: var(--cloudy-plum);
background-color: hsl(282 23% 58%);
border-color: oklch(0.631 0.083 315.5);
}Tailwind CSS v4
@theme {
--color-cloudy-plum: #9d7aac;
--color-cloudy-plum-50: #ffeeff;
--color-cloudy-plum-100: #f4e0fb;
--color-cloudy-plum-200: #e3caec;
--color-cloudy-plum-300: #c9abd4;
--color-cloudy-plum-400: #b290c0;
--color-cloudy-plum-500: #9b75ac;
--color-cloudy-plum-600: #836391;
--color-cloudy-plum-700: #694f74;
--color-cloudy-plum-800: #4d3a57;
--color-cloudy-plum-900: #35283d;
--color-cloudy-plum-950: #201626;
}SCSS
$cloudy-plum: #9d7aac;
$cloudy-plum-rgb: 157, 122, 172;
$cloudy-plum-light: mix(#fff, $cloudy-plum, 20%);
$cloudy-plum-dark: mix(#000, $cloudy-plum, 20%);
.element {
color: $cloudy-plum;
box-shadow: 0 0 0 2px rgba($cloudy-plum, 0.35);
}