Colore con nome · #6A3939
Plum Sauce
Plum Sauce è #6A3939: rgb(106 57 57), hsl(0 30% 32%), oklch(0.406 0.07 20.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Plum Sauce color name →
#6A3939
oklch(0.406 0.07 20.6)
Conversioni di colore
- HEX
- #6a3939
- RGB
- rgb(106 57 57)
- HSL
- hsl(0 30% 32%)
- HWB
- hwb(0 22% 58%)
- OKLCH
- oklch(0.406 0.07 20.6)
- OKLab
- oklab(0.406 0.065 0.024)
- CIE Lab
- lab(30.37 22.18 10.07)
- LCH
- lch(30.37 24.36 24.4)
- CMYK
- cmyk(0% 46% 46% 58%)
Tinte · Ombre · Toni
Tinte
- 794B4A
- 885E5D
- 97706F
- A58482
- B49796
- C3ABAA
- D2C0BF
- E1D4D4
- F0EAE9
Ombre
- 5B3030
- 4D2828
- 3F1F1F
- 311717
- 241010
- 180909
- 0D0404
- 040101
- 000000
Toni
- 6D4040
- 704747
- 724E4E
- 755555
- 775C5C
- 796463
- 7B6B6A
- 7D7271
- 7F7979
Armonie di colore
Complementare +180°
- 6A3939
Plum Sauce
- 005458
≈ Ice Dark Turquoise
Analogo -30° +30°
- 6A3939
Plum Sauce
- 65394E
≈ High Priest
- 673D25
≈ Searing Gorge Brown
Triadico +120° +240°
- 6A3939
Plum Sauce
- 34532E
≈ Kaitoke Green
- 33496F
≈ Midnight Interlude
Complementare divisa +150° +210°
- 6A3939
Plum Sauce
- 165544
≈ Bagpiper
- 175068
≈ Hanada Blue
Tetradico +90° +180° +270°
- 6A3939
Plum Sauce
- 4B4D1B
≈ Army Green
- 005458
≈ Ice Dark Turquoise
- 49426C
≈ Izmir Purple
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.30:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.25:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.30:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--plum-sauce: #6a3939;
--plum-sauce-rgb: 106 57 57;
--plum-sauce-oklch: oklch(0.406 0.07 20.6);
}
.element {
color: var(--plum-sauce);
background-color: hsl(0 30% 32%);
border-color: oklch(0.406 0.07 20.6);
}Tailwind CSS v4
@theme {
--color-plum-sauce: #6a3939;
--color-plum-sauce-50: #ffeeec;
--color-plum-sauce-100: #ffdfdd;
--color-plum-sauce-200: #f1c9c7;
--color-plum-sauce-300: #d9aaa7;
--color-plum-sauce-400: #c48e8d;
--color-plum-sauce-500: #b07472;
--color-plum-sauce-600: #956261;
--color-plum-sauce-700: #774e4d;
--color-plum-sauce-800: #583939;
--color-plum-sauce-900: #3e2727;
--color-plum-sauce-950: #271515;
}SCSS
$plum-sauce: #6a3939;
$plum-sauce-rgb: 106, 57, 57;
$plum-sauce-light: mix(#fff, $plum-sauce, 20%);
$plum-sauce-dark: mix(#000, $plum-sauce, 20%);
.element {
color: $plum-sauce;
box-shadow: 0 0 0 2px rgba($plum-sauce, 0.35);
}