Colore con nome più vicino · #56814B
#56814B
Colore con nome più vicino: Kale
#56814B (rgb(86 129 75), hsl(108 26% 40%), oklch(0.558 0.093 139.4)) è più vicino al colore con nome Kale. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#56814B
oklch(0.558 0.093 139.4)
Conversioni di colore
- HEX
- #56814b
- RGB
- rgb(86 129 75)
- HSL
- hsl(108 26% 40%)
- HWB
- hwb(108 29% 49%)
- OKLCH
- oklch(0.558 0.093 139.4)
- OKLab
- oklab(0.558 -0.071 0.061)
- CIE Lab
- lab(49.78 -23.78 24.35)
- LCH
- lch(49.78 34.04 134.3)
- CMYK
- cmyk(33% 0% 42% 49%)
Tinte · Ombre · Toni
Tinte
- 668D5C
- 76996E
- 87A67F
- 97B291
- A8BFA2
- B9CBB4
- CAD8C7
- DCE5D9
- EDF2EC
Ombre
- 4A6F40
- 3E5E35
- 324E2B
- 273E21
- 1C2E17
- 121F0E
- 081206
- 020602
- 000100
Toni
- 5B8151
- 5F8156
- 63815C
- 688161
- 6C8167
- 70816C
- 748171
- 788176
- 7C807B
Armonie di colore
Complementare +180°
- 56814B
Kale
- 8C6196
≈ Aster Violetta
Analogo -30° +30°
- 56814B
Kale
- 787831
≈ Jungle Look
- 2D856B
≈ Dream Green
Triadico +120° +240°
- 56814B
Kale
- 5274AA
≈ Flying Fish
- A35C5D
≈ Cheek Red
Complementare divisa +150° +210°
- 56814B
Kale
- 726AA7
≈ Inner Journey
- 9C5C7C
≈ Rose Wine
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--kale: #56814b;
--kale-rgb: 86 129 75;
--kale-oklch: oklch(0.558 0.093 139.4);
}
.element {
color: var(--kale);
background-color: hsl(108 26% 40%);
border-color: oklch(0.558 0.093 139.4);
}Tailwind CSS v4
@theme {
--color-kale: #56814b;
--color-kale-50: #e7fce4;
--color-kale-100: #d7f0d3;
--color-kale-200: #bfdfba;
--color-kale-300: #9dc497;
--color-kale-400: #82ac77;
--color-kale-500: #659558;
--color-kale-600: #567e4b;
--color-kale-700: #44653c;
--color-kale-800: #324a29;
--color-kale-900: #22331c;
--color-kale-950: #111f0c;
}SCSS
$kale: #56814b;
$kale-rgb: 86, 129, 75;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}