Nazwany kolor · #6F4B5C
Prussian Plum
Prussian Plum to #6F4B5C: rgb(111 75 92), hsl(332 19% 36%), oklch(0.458 0.055 349.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Prussian Plum color name →
#6F4B5C
oklch(0.458 0.055 349.6)
Konwersje koloru
- HEX
- #6f4b5c
- RGB
- rgb(111 75 92)
- HSL
- hsl(332 19% 36%)
- HWB
- hwb(332 29% 56%)
- OKLCH
- oklch(0.458 0.055 349.6)
- OKLab
- oklab(0.458 0.054 -0.01)
- CIE Lab
- lab(36.42 17.8 -3.54)
- LCH
- lch(36.42 18.15 348.7)
- CMYK
- cmyk(0% 32% 17% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D5B6B
- 8B6C7A
- 997D8A
- A78F9A
- B6A1AA
- C4B3BA
- D3C6CB
- E1D8DC
- F0ECED
Odcienie ciemniejsze
- 60404F
- 513542
- 422B36
- 34212A
- 27171F
- 1A0E14
- 0E060A
- 040203
- 010000
Tony
- 715060
- 735663
- 755B67
- 77606A
- 78656E
- 7A6B71
- 7C7075
- 7D7579
- 7F7B7C
Harmonie kolorów
Komplementarna +180°
- 6F4B5C
Prussian Plum
- 366253
≈ Posy Green
Analogowa -30° +30°
- 6F4B5C
Prussian Plum
- 654E6B
≈ Blackberry Farm
- 734B4B
≈ Madder
Triada +120° +240°
- 6F4B5C
Prussian Plum
- 595A36
≈ Base Camp
- 355D70
≈ Flowing River
Komplementarna rozszczepiona +150° +210°
- 6F4B5C
Prussian Plum
- 485F42
≈ Bavarian
- 2E6163
≈ Calypso Green
Tetrada +90° +180° +270°
- 6F4B5C
Prussian Plum
- 685433
≈ Cartwheel
- 366253
≈ Posy Green
- 455876
≈ Chambray
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.40:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.83:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--prussian-plum: #6f4b5c;
--prussian-plum-rgb: 111 75 92;
--prussian-plum-oklch: oklch(0.458 0.055 349.6);
}
.element {
color: var(--prussian-plum);
background-color: hsl(332 19% 36%);
border-color: oklch(0.458 0.055 349.6);
}Tailwind CSS v4
@theme {
--color-prussian-plum: #6f4b5c;
--color-prussian-plum-50: #ffeff7;
--color-prussian-plum-100: #f7e1ea;
--color-prussian-plum-200: #e8cbd7;
--color-prussian-plum-300: #cfacba;
--color-prussian-plum-400: #b892a3;
--color-prussian-plum-500: #a3788b;
--color-prussian-plum-600: #896576;
--color-prussian-plum-700: #6e515e;
--color-prussian-plum-800: #513b46;
--color-prussian-plum-900: #382830;
--color-prussian-plum-950: #23161d;
}SCSS
$prussian-plum: #6f4b5c;
$prussian-plum-rgb: 111, 75, 92;
$prussian-plum-light: mix(#fff, $prussian-plum, 20%);
$prussian-plum-dark: mix(#000, $prussian-plum, 20%);
.element {
color: $prussian-plum;
box-shadow: 0 0 0 2px rgba($prussian-plum, 0.35);
}