En yakın adlandırılmış renk · #9D4070
#9D4070
En yakın adlandırılmış renk: Plum Kingdom
#9D4070 (rgb(157 64 112), hsl(329 42% 43%), oklch(0.511 0.135 350.8)) en çok Plum Kingdom adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9D4070
oklch(0.511 0.135 350.8)
Renk dönüşümleri
- HEX
- #9d4070
- RGB
- rgb(157 64 112)
- HSL
- hsl(329 42% 43%)
- HWB
- hwb(329 25% 38%)
- OKLCH
- oklch(0.511 0.135 350.8)
- OKLab
- oklab(0.511 0.133 -0.022)
- CIE Lab
- lab(41.47 43.22 -7.64)
- LCH
- lch(41.47 43.89 350)
- CMYK
- cmyk(0% 59% 29% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8537D
- B3668B
- BE7999
- C88CA7
- D29FB5
- DBB1C3
- E5C5D2
- EED8E1
- F7EBF0
Koyu tonlar
- 883660
- 732D51
- 5F2443
- 4C1B35
- 3A1327
- 280B1A
- 18050E
- 090104
- 010001
Gri tonlar
- 9B4872
- 994F73
- 975675
- 955C76
- 926378
- 8F697A
- 8C6F7B
- 88757D
- 847A7E
Renk uyumları
Tamamlayıcı +180°
- 9D4070
Plum Kingdom
- 00785E
≈ Emerald Dream
Analog -30° +30°
- 9D4070
Plum Kingdom
- 884895
≈ Murasaki Purple
- A64044
≈ Moonrose
Üçlü +120° +240°
- 9D4070
Plum Kingdom
- 6A6B00
≈ Brownish Green
- 007096
≈ Tropic Sea
Bölünmüş tamamlayıcı +150° +210°
- 9D4070
Plum Kingdom
- 337827
≈ Mermaid’s Tail
- 00757B
≈ Maxi Teal
Dörtlü +90° +180° +270°
- 9D4070
Plum Kingdom
- 855F00
≈ Rat Brown
- 00785E
≈ Emerald Dream
- 3764B3
≈ Adventure of the Seas
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.17:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.40:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--plum-kingdom: #9d4070;
--plum-kingdom-rgb: 157 64 112;
--plum-kingdom-oklch: oklch(0.511 0.135 350.8);
}
.element {
color: var(--plum-kingdom);
background-color: hsl(329 42% 43%);
border-color: oklch(0.511 0.135 350.8);
}Tailwind CSS v4
@theme {
--color-plum-kingdom: #9d4070;
--color-plum-kingdom-50: #ffe6f9;
--color-plum-kingdom-100: #ffd6ec;
--color-plum-kingdom-200: #ffbdd9;
--color-plum-kingdom-300: #ed9abe;
--color-plum-kingdom-400: #da7ba8;
--color-plum-kingdom-500: #c65c91;
--color-plum-kingdom-600: #a74e7b;
--color-plum-kingdom-700: #873e62;
--color-plum-kingdom-800: #632d4a;
--color-plum-kingdom-900: #461e33;
--color-plum-kingdom-950: #2d0e1f;
}SCSS
$plum-kingdom: #9d4070;
$plum-kingdom-rgb: 157, 64, 112;
$plum-kingdom-light: mix(#fff, $plum-kingdom, 20%);
$plum-kingdom-dark: mix(#000, $plum-kingdom, 20%);
.element {
color: $plum-kingdom;
box-shadow: 0 0 0 2px rgba($plum-kingdom, 0.35);
}