Adlandırılmış renk · #9D8292
Garden Plum
Garden Plum, #9D8292: rgb(157 130 146), hsl(324 12% 56%), oklch(0.637 0.04 342). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Garden Plum color name →
#9D8292
oklch(0.637 0.04 342)
Renk dönüşümleri
- HEX
- #9d8292
- RGB
- rgb(157 130 146)
- HSL
- hsl(324 12% 56%)
- HWB
- hwb(324 51% 38%)
- OKLCH
- oklch(0.637 0.04 342)
- OKLab
- oklab(0.637 0.038 -0.012)
- CIE Lab
- lab(57.32 12.75 -4.55)
- LCH
- lch(57.32 13.54 340.4)
- CMYK
- cmyk(0% 17% 7% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A78E9C
- B09AA7
- BAA6B2
- C4B2BC
- CDBFC7
- D7CBD2
- E1D8DD
- EBE5E8
- F5F2F4
Koyu tonlar
- 88707E
- 735F6B
- 5F4E58
- 4C3E46
- 3A2F35
- 282025
- 181216
- 090608
- 010101
Gri tonlar
- 9A8290
- 97828E
- 94828D
- 92818B
- 8F8189
- 8C8187
- 898185
- 868084
- 838082
Renk uyumları
Tamamlayıcı +180°
- 9D8292
Garden Plum
- 769384
≈ Rainford
Analog -30° +30°
- 9D8292
Garden Plum
- 93859D
≈ Hatoba Pigeon
- A28285
≈ Plumville
Üçlü +120° +240°
- 9D8292
Garden Plum
- 908C71
≈ Burning Idea
- 71919D
≈ Silk Khimar
Bölünmüş tamamlayıcı +150° +210°
- 9D8292
Garden Plum
- 829178
≈ Ginkgo Tree
- 6F9391
≈ Pool Tide
Dörtlü +90° +180° +270°
- 9D8292
Garden Plum
- 9B8871
≈ Roscoe Village
- 769384
≈ Rainford
- 7A8DA3
≈ Cabaret Charm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.47:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.04:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 6.04:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--garden-plum: #9d8292;
--garden-plum-rgb: 157 130 146;
--garden-plum-oklch: oklch(0.637 0.04 342);
}
.element {
color: var(--garden-plum);
background-color: hsl(324 12% 56%);
border-color: oklch(0.637 0.04 342);
}Tailwind CSS v4
@theme {
--color-garden-plum: #9d8292;
--color-garden-plum-50: #fef1f8;
--color-garden-plum-100: #f2e3eb;
--color-garden-plum-200: #e1ced8;
--color-garden-plum-300: #c7b0bc;
--color-garden-plum-400: #b096a5;
--color-garden-plum-500: #9a7c8e;
--color-garden-plum-600: #826978;
--color-garden-plum-700: #685460;
--color-garden-plum-800: #4c3d47;
--color-garden-plum-900: #352a31;
--color-garden-plum-950: #20181d;
}SCSS
$garden-plum: #9d8292;
$garden-plum-rgb: 157, 130, 146;
$garden-plum-light: mix(#fff, $garden-plum, 20%);
$garden-plum-dark: mix(#000, $garden-plum, 20%);
.element {
color: $garden-plum;
box-shadow: 0 0 0 2px rgba($garden-plum, 0.35);
}