Nazwany kolor · #9D7AAC
Cloudy Plum
Cloudy Plum to #9D7AAC: rgb(157 122 172), hsl(282 23% 58%), oklch(0.631 0.083 315.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Cloudy Plum color name →
#9D7AAC
oklch(0.631 0.083 315.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A787B4
- B094BD
- BAA1C5
- C4AECD
- CDBBD5
- D7C8DE
- E1D6E6
- EBE3EE
- F5F1F7
Odcienie ciemniejsze
- 886995
- 73597F
- 5F4969
- 4C3A54
- 3A2B40
- 281D2D
- 18101B
- 09050B
- 010101
Tony
- 9A7BA8
- 977CA3
- 947C9F
- 927D9B
- 8F7E96
- 8C7E92
- 897F8D
- 867F89
- 838084
Harmonie kolorów
Komplementarna +180°
- 9D7AAC
Cloudy Plum
- 739562
≈ Van Gogh Olives
Analogowa -30° +30°
- 9D7AAC
Cloudy Plum
- 8482BA
≈ Deep Periwinkle
- AE7595
≈ So Long Shadow
Triada +120° +240°
- 9D7AAC
Cloudy Plum
- A7824E
≈ Hamster Fur
- 429999
≈ Aquatic Green
Komplementarna rozszczepiona +150° +210°
- 9D7AAC
Cloudy Plum
- 908D4F
≈ Green Jalapeño
- 549A7D
≈ Wintergreen Shadow
Tetrada +90° +180° +270°
- 9D7AAC
Cloudy Plum
- B4795E
≈ Myrtle Pepper
- 739562
≈ Van Gogh Olives
- 4C94B0
≈ Jet Ski
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.61:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.81:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}