Nazwany kolor · #994548
Plum Majesty
Plum Majesty to #994548: rgb(153 69 72), hsl(358 38% 44%), oklch(0.5 0.113 19.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Plum Majesty color name →
#994548
oklch(0.5 0.113 19.9)
Konwersje koloru
- HEX
- #994548
- RGB
- rgb(153 69 72)
- HSL
- hsl(358 38% 44%)
- HWB
- hwb(358 27% 40%)
- OKLCH
- oklch(0.5 0.113 19.9)
- OKLab
- oklab(0.5 0.106 0.038)
- CIE Lab
- lab(40.81 36.09 16.13)
- LCH
- lch(40.81 39.53 24.1)
- CMYK
- cmyk(0% 55% 53% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A55759
- B06A6A
- BB7C7B
- C58E8D
- D0A09F
- DAB3B2
- E3C6C5
- EDD8D8
- F6ECEB
Odcienie ciemniejsze
- 843B3D
- 703133
- 5D2729
- 4A1E1F
- 381516
- 270C0D
- 170506
- 080202
- 010000
Tony
- 984C4E
- 965253
- 945959
- 925F5E
- 906464
- 8D6A69
- 8A706F
- 877575
- 847B7A
Harmonie kolorów
Komplementarna +180°
- 994548
Plum Majesty
- 007176
≈ Scaly Green
Analogowa -30° +30°
- 994548
Plum Majesty
- 91456C
≈ Satsuma Imo Red
- 954D1F
≈ Nightcap
Triada +120° +240°
- 994548
Plum Majesty
- 3D7231
≈ Druid Green
- 3B62A3
≈ International
Komplementarna rozszczepiona +150° +210°
- 994548
Plum Majesty
- 00755A
≈ Tropical Rainforest
- 006D91
≈ Pure Light Blue
Tetrada +90° +180° +270°
- 994548
Plum Majesty
- 686800
≈ Earthy Khaki Green
- 007176
≈ Scaly Green
- 63569E
≈ Purple Opulence
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.36:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.29:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--plum-majesty: #994548;
--plum-majesty-rgb: 153 69 72;
--plum-majesty-oklch: oklch(0.5 0.113 19.9);
}
.element {
color: var(--plum-majesty);
background-color: hsl(358 38% 44%);
border-color: oklch(0.5 0.113 19.9);
}Tailwind CSS v4
@theme {
--color-plum-majesty: #994548;
--color-plum-majesty-50: #ffe9e7;
--color-plum-majesty-100: #ffdad7;
--color-plum-majesty-200: #ffc2bf;
--color-plum-majesty-300: #eca19e;
--color-plum-majesty-400: #d98283;
--color-plum-majesty-500: #c66567;
--color-plum-majesty-600: #a75657;
--color-plum-majesty-700: #864446;
--color-plum-majesty-800: #643133;
--color-plum-majesty-900: #462123;
--color-plum-majesty-950: #2d1012;
}SCSS
$plum-majesty: #994548;
$plum-majesty-rgb: 153, 69, 72;
$plum-majesty-light: mix(#fff, $plum-majesty, 20%);
$plum-majesty-dark: mix(#000, $plum-majesty, 20%);
.element {
color: $plum-majesty;
box-shadow: 0 0 0 2px rgba($plum-majesty, 0.35);
}