Colore con nome più vicino · #2B5236
#2B5236
Colore con nome più vicino: Ficus
#2B5236 (rgb(43 82 54), hsl(137 31% 25%), oklch(0.401 0.065 151.6)) è più vicino al colore con nome Ficus. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2B5236
oklch(0.401 0.065 151.6)
Conversioni di colore
- HEX
- #2b5236
- RGB
- rgb(43 82 54)
- HSL
- hsl(137 31% 25%)
- HWB
- hwb(137 17% 68%)
- OKLCH
- oklch(0.401 0.065 151.6)
- OKLab
- oklab(0.401 -0.057 0.031)
- CIE Lab
- lab(31.37 -19.86 12.01)
- LCH
- lch(31.37 23.21 148.8)
- CMYK
- cmyk(48% 0% 34% 68%)
Tinte · Ombre · Toni
Tinte
- 3F6248
- 53725A
- 67836D
- 7B9481
- 90A595
- A6B6A9
- BBC8BE
- D2DAD3
- E8ECE9
Ombre
- 24462E
- 1D3B25
- 162F1E
- 102516
- 0A1A0F
- 051108
- 020803
- 010201
- 000000
Toni
- 34573D
- 3D5B44
- 45604C
- 4E6453
- 56695A
- 5E6E62
- 677269
- 6F7771
- 787B78
Armonie di colore
Complementare +180°
- 2B5236
Ficus
- 5C3A58
≈ Parma Plum Red
Analogo -30° +30°
- 2B5236
Ficus
- 424D23
≈ Bronze Tone
- 12534A
≈ Plankton Green
Triadico +120° +240°
- 2B5236
Ficus
- 3B466B
≈ Starlit Night
- 673A32
≈ Manzanita
Complementare divisa +150° +210°
- 2B5236
Ficus
- 4E3F65
≈ Geode
- 653845
≈ Tawny Port
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.88:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.36:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.88:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--ficus: #2b5236;
--ficus-rgb: 43 82 54;
--ficus-oklch: oklch(0.401 0.065 151.6);
}
.element {
color: var(--ficus);
background-color: hsl(137 31% 25%);
border-color: oklch(0.401 0.065 151.6);
}Tailwind CSS v4
@theme {
--color-ficus: #2b5236;
--color-ficus-50: #e8fbed;
--color-ficus-100: #d8efde;
--color-ficus-200: #c0ddc8;
--color-ficus-300: #9fc2a8;
--color-ficus-400: #82aa8b;
--color-ficus-500: #659371;
--color-ficus-600: #567c60;
--color-ficus-700: #45634c;
--color-ficus-800: #324936;
--color-ficus-900: #223325;
--color-ficus-950: #111e14;
}SCSS
$ficus: #2b5236;
$ficus-rgb: 43, 82, 54;
$ficus-light: mix(#fff, $ficus, 20%);
$ficus-dark: mix(#000, $ficus, 20%);
.element {
color: $ficus;
box-shadow: 0 0 0 2px rgba($ficus, 0.35);
}