Colore con nome più vicino · #26442C
#26442C
Colore con nome più vicino: Zucchini
#26442C (rgb(38 68 44), hsl(132 28% 21%), oklch(0.356 0.055 149.3)) è più vicino al colore con nome Zucchini. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#26442C
oklch(0.356 0.055 149.3)
Conversioni di colore
- HEX
- #26442c
- RGB
- rgb(38 68 44)
- HSL
- hsl(132 28% 21%)
- HWB
- hwb(132 15% 73%)
- OKLCH
- oklch(0.356 0.055 149.3)
- OKLab
- oklab(0.356 -0.047 0.028)
- CIE Lab
- lab(25.95 -16.33 10.92)
- LCH
- lch(25.95 19.65 146.2)
- CMYK
- cmyk(44% 0% 35% 73%)
Tinte · Ombre · Toni
Tinte
- 3A553E
- 4D6651
- 627865
- 778A7A
- 8C9D8F
- A2B0A4
- B9C3BA
- D0D7D1
- E7EBE8
Ombre
- 203A25
- 19301E
- 132617
- 0D1D11
- 08140A
- 040C05
- 020502
- 010201
- 000000
Toni
- 2F4A34
- 38503C
- 415644
- 4A5C4C
- 526255
- 5B685D
- 646E66
- 6E746E
- 777A77
Armonie di colore
Complementare +180°
- 26442C
Zucchini
- 4C314A
≈ Grimace
Analogo -30° +30°
- 26442C
Zucchini
- 39401D
≈ Turtle Skin
- 13453D
≈ MSU Green
Triadico +120° +240°
- 26442C
Zucchini
- 303A59
≈ Mediaeval Blue
- 55302B
≈ Bratwurst
Complementare divisa +150° +210°
- 26442C
Zucchini
- 403555
≈ Naggaroth Night
- 532F3B
≈ Port Royale
Tetradico +90° +180° +270°
- 26442C
Zucchini
- 1E4056
≈ Capital Blue
- 4C314A
≈ Grimace
- 51351D
≈ Brown Bramble
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.79:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.94:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.79:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--zucchini: #26442c;
--zucchini-rgb: 38 68 44;
--zucchini-oklch: oklch(0.356 0.055 149.3);
}
.element {
color: var(--zucchini);
background-color: hsl(132 28% 21%);
border-color: oklch(0.356 0.055 149.3);
}Tailwind CSS v4
@theme {
--color-zucchini: #26442c;
--color-zucchini-50: #eafaed;
--color-zucchini-100: #dbeddf;
--color-zucchini-200: #c4dbc9;
--color-zucchini-300: #a4c0a9;
--color-zucchini-400: #88a88d;
--color-zucchini-500: #6d9173;
--color-zucchini-600: #5c7a61;
--color-zucchini-700: #4a624e;
--color-zucchini-800: #364837;
--color-zucchini-900: #253226;
--color-zucchini-950: #131e14;
}SCSS
$zucchini: #26442c;
$zucchini-rgb: 38, 68, 44;
$zucchini-light: mix(#fff, $zucchini, 20%);
$zucchini-dark: mix(#000, $zucchini, 20%);
.element {
color: $zucchini;
box-shadow: 0 0 0 2px rgba($zucchini, 0.35);
}