Nazwany kolor · #735054
Plumberry
Plumberry to #735054: rgb(115 80 84), hsl(353 18% 38%), oklch(0.47 0.047 11.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Plumberry color name →
#735054
oklch(0.47 0.047 11.5)
Konwersje koloru
- HEX
- #735054
- RGB
- rgb(115 80 84)
- HSL
- hsl(353 18% 38%)
- HWB
- hwb(353 31% 55%)
- OKLCH
- oklch(0.47 0.047 11.5)
- OKLab
- oklab(0.47 0.047 0.009)
- CIE Lab
- lab(38.03 15.6 3.83)
- LCH
- lch(38.03 16.07 13.8)
- CMYK
- cmyk(0% 30% 27% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 816063
- 8E7073
- 9C8184
- AA9294
- B8A4A5
- C6B5B7
- D4C7C8
- E2DADA
- F1ECED
Odcienie ciemniejsze
- 634448
- 54393C
- 452E31
- 362426
- 281A1B
- 1B1011
- 0F0708
- 050202
- 010000
Tony
- 755558
- 765A5D
- 785E61
- 796365
- 7A686A
- 7C6D6E
- 7D7172
- 7E7677
- 7F7B7B
Harmonie kolorów
Komplementarna +180°
- 735054
Plumberry
- 396461
≈ Moor Pond Green
Analogowa -30° +30°
- 735054
Plumberry
- 6E5163
≈ Dark Olive Paste
- 725246
≈ Bigfoot
Triada +120° +240°
- 735054
Plumberry
- 516145
≈ Tom Thumb
- 475D75
≈ Mountain River
Komplementarna rozszczepiona +150° +210°
- 735054
Plumberry
- 426352
≈ Mission Jewel
- 3C616E
≈ Juniper Berry Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.98:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.00:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--plumberry: #735054;
--plumberry-rgb: 115 80 84;
--plumberry-oklch: oklch(0.47 0.047 11.5);
}
.element {
color: var(--plumberry);
background-color: hsl(353 18% 38%);
border-color: oklch(0.47 0.047 11.5);
}Tailwind CSS v4
@theme {
--color-plumberry: #735054;
--color-plumberry-50: #fff0f1;
--color-plumberry-100: #f7e2e3;
--color-plumberry-200: #e8ccce;
--color-plumberry-300: #cfaeb0;
--color-plumberry-400: #b99397;
--color-plumberry-500: #a37a7e;
--color-plumberry-600: #8a676b;
--color-plumberry-700: #6e5255;
--color-plumberry-800: #513c3f;
--color-plumberry-900: #39292b;
--color-plumberry-950: #231718;
}SCSS
$plumberry: #735054;
$plumberry-rgb: 115, 80, 84;
$plumberry-light: mix(#fff, $plumberry, 20%);
$plumberry-dark: mix(#000, $plumberry, 20%);
.element {
color: $plumberry;
box-shadow: 0 0 0 2px rgba($plumberry, 0.35);
}