Colore con nome · #946658
Stormy Plum
Stormy Plum è #946658: rgb(148 102 88), hsl(14 25% 46%), oklch(0.555 0.064 37.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Stormy Plum color name →
#946658
oklch(0.555 0.064 37.6)
Conversioni di colore
- HEX
- #946658
- RGB
- rgb(148 102 88)
- HSL
- hsl(14 25% 46%)
- HWB
- hwb(14 35% 42%)
- OKLCH
- oklch(0.555 0.064 37.6)
- OKLab
- oklab(0.555 0.05 0.039)
- CIE Lab
- lab(47.89 17.74 15.77)
- LCH
- lch(47.89 23.74 41.6)
- CMYK
- cmyk(0% 31% 41% 42%)
Tinte · Ombre · Toni
Tinte
- 9F7467
- AA8377
- B49287
- BFA198
- CAB0A8
- D4BFB9
- DFCFCA
- EADFDC
- F4EFED
Ombre
- 80584B
- 6D4A3F
- 5A3C33
- 482F28
- 36231D
- 261712
- 160C09
- 080403
- 010000
Toni
- 92695C
- 916B60
- 8F6E64
- 8D7168
- 8B736C
- 897670
- 877974
- 857B78
- 827E7C
Armonie di colore
Complementare +180°
- 946658
Stormy Plum
- 447C8C
≈ Larkspur
Analogo -30° +30°
- 946658
Stormy Plum
- 94636C
≈ Abra Cadabra
- 8C6C4A
≈ Cowboy Trails
Triadico +120° +240°
- 946658
Stormy Plum
- 527F64
≈ Sports Field Green
- 6A7098
≈ Royal Intrigue
Complementare divisa +150° +210°
- 946658
Stormy Plum
- 437F7A
≈ Bubble Turquoise
- 557797
≈ Privileged Elite
Tetradico +90° +180° +270°
- 946658
Stormy Plum
- 687A52
≈ Kariyasu Green
- 447C8C
≈ Larkspur
- 7D6990
≈ Nymph’s Delight
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.88:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.30:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--stormy-plum: #946658;
--stormy-plum-rgb: 148 102 88;
--stormy-plum-oklch: oklch(0.555 0.064 37.6);
}
.element {
color: var(--stormy-plum);
background-color: hsl(14 25% 46%);
border-color: oklch(0.555 0.064 37.6);
}Tailwind CSS v4
@theme {
--color-stormy-plum: #946658;
--color-stormy-plum-50: #fff0e8;
--color-stormy-plum-100: #fce1d8;
--color-stormy-plum-200: #eeccc0;
--color-stormy-plum-300: #d5ad9f;
--color-stormy-plum-400: #c09284;
--color-stormy-plum-500: #ac7868;
--color-stormy-plum-600: #916558;
--color-stormy-plum-700: #745146;
--color-stormy-plum-800: #563b33;
--color-stormy-plum-900: #3c2823;
--color-stormy-plum-950: #261612;
}SCSS
$stormy-plum: #946658;
$stormy-plum-rgb: 148, 102, 88;
$stormy-plum-light: mix(#fff, $stormy-plum, 20%);
$stormy-plum-dark: mix(#000, $stormy-plum, 20%);
.element {
color: $stormy-plum;
box-shadow: 0 0 0 2px rgba($stormy-plum, 0.35);
}