En yakın adlandırılmış renk · #91547C
#91547C
En yakın adlandırılmış renk: Plum Highness
#91547C (rgb(145 84 124), hsl(321 27% 45%), oklch(0.529 0.097 341.2)) en çok Plum Highness 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.
#91547C
oklch(0.529 0.097 341.2)
Renk dönüşümleri
- HEX
- #91547c
- RGB
- rgb(145 84 124)
- HSL
- hsl(321 27% 45%)
- HWB
- hwb(321 33% 43%)
- OKLCH
- oklch(0.529 0.097 341.2)
- OKLab
- oklab(0.529 0.092 -0.031)
- CIE Lab
- lab(44.06 30.27 -11.36)
- LCH
- lch(44.06 32.33 339.4)
- CMYK
- cmyk(0% 42% 14% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C6488
- A87595
- B385A2
- BE96AF
- C9A7BC
- D4B8C9
- DFCAD6
- EADBE4
- F4EDF1
Koyu tonlar
- 7D486B
- 6A3C5A
- 58314A
- 46263B
- 351B2C
- 25111E
- 150811
- 070205
- 010001
Gri tonlar
- 90597C
- 8F5D7D
- 8D627D
- 8C667E
- 8A6B7E
- 886F7F
- 87737F
- 85787F
- 827C80
Renk uyumları
Tamamlayıcı +180°
- 91547C
Plum Highness
- 2C7D59
≈ Canadian Pine
Analog -30° +30°
- 91547C
Plum Highness
- 7E5B95
≈ Ghostly Purple
- 9B525D
≈ Cuban Rhythm
Üçlü +120° +240°
- 91547C
Plum Highness
- 786D1F
≈ Olivetone
- 027893
≈ Celestial
Bölünmüş tamamlayıcı +150° +210°
- 91547C
Plum Highness
- 577739
≈ Luck of the Irish
- 007C78
≈ Navajo Turquoise
Dörtlü +90° +180° +270°
- 91547C
Plum Highness
- 8E6123
≈ Afghan Carpet
- 2C7D59
≈ Canadian Pine
- 3E6FA2
≈ Muted Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.58:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.76:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--plum-highness: #91547c;
--plum-highness-rgb: 145 84 124;
--plum-highness-oklch: oklch(0.529 0.097 341.2);
}
.element {
color: var(--plum-highness);
background-color: hsl(321 27% 45%);
border-color: oklch(0.529 0.097 341.2);
}Tailwind CSS v4
@theme {
--color-plum-highness: #91547c;
--color-plum-highness-50: #ffebfc;
--color-plum-highness-100: #ffdcf0;
--color-plum-highness-200: #f3c4df;
--color-plum-highness-300: #dba4c4;
--color-plum-highness-400: #c688af;
--color-plum-highness-500: #b16b99;
--color-plum-highness-600: #965b81;
--color-plum-highness-700: #784968;
--color-plum-highness-800: #58354d;
--color-plum-highness-900: #3e2436;
--color-plum-highness-950: #271321;
}SCSS
$plum-highness: #91547c;
$plum-highness-rgb: 145, 84, 124;
$plum-highness-light: mix(#fff, $plum-highness, 20%);
$plum-highness-dark: mix(#000, $plum-highness, 20%);
.element {
color: $plum-highness;
box-shadow: 0 0 0 2px rgba($plum-highness, 0.35);
}