Adlandırılmış renk · #946658
Stormy Plum
Stormy Plum, #946658: rgb(148 102 88), hsl(14 25% 46%), oklch(0.555 0.064 37.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Stormy Plum color name →
#946658
oklch(0.555 0.064 37.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9F7467
- AA8377
- B49287
- BFA198
- CAB0A8
- D4BFB9
- DFCFCA
- EADFDC
- F4EFED
Koyu tonlar
- 80584B
- 6D4A3F
- 5A3C33
- 482F28
- 36231D
- 261712
- 160C09
- 080403
- 010000
Gri tonlar
- 92695C
- 916B60
- 8F6E64
- 8D7168
- 8B736C
- 897670
- 877974
- 857B78
- 827E7C
Renk uyumları
Tamamlayıcı +180°
- 946658
Stormy Plum
- 447C8C
≈ Larkspur
Analog -30° +30°
- 946658
Stormy Plum
- 94636C
≈ Abra Cadabra
- 8C6C4A
≈ Cowboy Trails
Üçlü +120° +240°
- 946658
Stormy Plum
- 527F64
≈ Sports Field Green
- 6A7098
≈ Royal Intrigue
Bölünmüş tamamlayıcı +150° +210°
- 946658
Stormy Plum
- 437F7A
≈ Bubble Turquoise
- 557797
≈ Privileged Elite
Dörtlü +90° +180° +270°
- 946658
Stormy Plum
- 687A52
≈ Kariyasu Green
- 447C8C
≈ Larkspur
- 7D6990
≈ Nymph’s Delight
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.88:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.30:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
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);
}