Adlandırılmış renk · #654161
Royal Plum
Royal Plum, #654161: rgb(101 65 97), hsl(307 22% 33%), oklch(0.429 0.069 330.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Royal Plum color name →
#654161
oklch(0.429 0.069 330.7)
Renk dönüşümleri
- HEX
- #654161
- RGB
- rgb(101 65 97)
- HSL
- hsl(307 22% 33%)
- HWB
- hwb(307 25% 60%)
- OKLCH
- oklch(0.429 0.069 330.7)
- OKLab
- oklab(0.429 0.06 -0.034)
- CIE Lab
- lab(32.72 20.28 -12.37)
- LCH
- lch(32.72 23.75 328.6)
- CMYK
- cmyk(0% 36% 4% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 745270
- 83647F
- 92768E
- A1899D
- B09BAD
- BFAFBD
- CFC2CD
- DFD6DE
- EFEAEE
Koyu tonlar
- 573753
- 492E46
- 3C2539
- 2F1C2D
- 221321
- 170B15
- 0C050B
- 030103
- 000000
Gri tonlar
- 684764
- 6B4E67
- 6E546A
- 715A6E
- 736071
- 766774
- 796D77
- 7B737A
- 7E7A7D
Renk uyumları
Tamamlayıcı +180°
- 654161
Royal Plum
- 315A3B
≈ Ficus
Analog -30° +30°
- 654161
Royal Plum
- 56466F
≈ Purple Feather
- 6E3F4D
≈ Chilled Wine
Üçlü +120° +240°
- 654161
Royal Plum
- 5E4E1E
≈ Bronze Olive
- 105965
≈ Baltic Trench
Bölünmüş tamamlayıcı +150° +210°
- 654161
Royal Plum
- 4A5528
≈ Trefoil
- 165C51
≈ Country Meadow
Dörtlü +90° +180° +270°
- 654161
Royal Plum
- 6B4626
≈ Bunni Brown
- 315A3B
≈ Ficus
- 285472
≈ Diver Lady
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.46:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.48:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.46:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-plum: #654161;
--royal-plum-rgb: 101 65 97;
--royal-plum-oklch: oklch(0.429 0.069 330.7);
}
.element {
color: var(--royal-plum);
background-color: hsl(307 22% 33%);
border-color: oklch(0.429 0.069 330.7);
}Tailwind CSS v4
@theme {
--color-royal-plum: #654161;
--color-royal-plum-50: #ffeefe;
--color-royal-plum-100: #f7e0f2;
--color-royal-plum-200: #e7cae1;
--color-royal-plum-300: #ceabc7;
--color-royal-plum-400: #b790b2;
--color-royal-plum-500: #a1759c;
--color-royal-plum-600: #886484;
--color-royal-plum-700: #6d5069;
--color-royal-plum-800: #503a4e;
--color-royal-plum-900: #382836;
--color-royal-plum-950: #221621;
}SCSS
$royal-plum: #654161;
$royal-plum-rgb: 101, 65, 97;
$royal-plum-light: mix(#fff, $royal-plum, 20%);
$royal-plum-dark: mix(#000, $royal-plum, 20%);
.element {
color: $royal-plum;
box-shadow: 0 0 0 2px rgba($royal-plum, 0.35);
}