Colore con nome · #847640
Caper Green
Caper Green è #847640: rgb(132 118 64), hsl(48 35% 38%), oklch(0.566 0.075 95.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Caper Green color name →
#847640
oklch(0.566 0.075 95.2)
Conversioni di colore
- HEX
- #847640
- RGB
- rgb(132 118 64)
- HSL
- hsl(48 35% 38%)
- HWB
- hwb(48 25% 48%)
- OKLCH
- oklch(0.566 0.075 95.2)
- OKLab
- oklab(0.566 -0.007 0.075)
- CIE Lab
- lab(50.02 -0.01 31.56)
- LCH
- lch(50.02 31.56 90)
- CMYK
- cmyk(0% 11% 52% 48%)
Tinte · Ombre · Toni
Tinte
- 908353
- 9B9066
- A79E78
- B3AB8B
- C0B99E
- CCC6B1
- D9D4C4
- E5E2D7
- F2F1EB
Ombre
- 726636
- 60562D
- 4F4724
- 3F381B
- 2F2913
- 201C0B
- 120F05
- 060501
- 010100
Toni
- 847747
- 83784F
- 837955
- 827A5C
- 827B62
- 827C68
- 817D6E
- 817E74
- 807F7A
Armonie di colore
Complementare +180°
- 847640
Caper Green
- 6973A3
≈ Blue Batik
Analogo -30° +30°
- 847640
Caper Green
- 956D45
≈ El Caramelo
- 6C7E4C
≈ Mint Leaves
Triadico +120° +240°
- 847640
Caper Green
- 3A8292
≈ Wipeout
- 926588
≈ Rust Magenta
Complementare divisa +150° +210°
- 847640
Caper Green
- 4F7BA0
≈ Biedermeier Blue
- 816B9A
≈ Bitter Violet
Tetradico +90° +180° +270°
- 847640
Caper Green
- 3A857C
≈ Copper Turquoise
- 6973A3
≈ Blue Batik
- 9C6370
≈ Deco Rose
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.64:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--caper-green: #847640;
--caper-green-rgb: 132 118 64;
--caper-green-oklch: oklch(0.566 0.075 95.2);
}
.element {
color: var(--caper-green);
background-color: hsl(48 35% 38%);
border-color: oklch(0.566 0.075 95.2);
}Tailwind CSS v4
@theme {
--color-caper-green: #847640;
--color-caper-green-50: #fbf6de;
--color-caper-green-100: #efe9cc;
--color-caper-green-200: #ddd5b1;
--color-caper-green-300: #c2b88c;
--color-caper-green-400: #ac9e6b;
--color-caper-green-500: #968649;
--color-caper-green-600: #7e713f;
--color-caper-green-700: #655b32;
--color-caper-green-800: #4b4222;
--color-caper-green-900: #342d17;
--color-caper-green-950: #201a08;
}SCSS
$caper-green: #847640;
$caper-green-rgb: 132, 118, 64;
$caper-green-light: mix(#fff, $caper-green, 20%);
$caper-green-dark: mix(#000, $caper-green, 20%);
.element {
color: $caper-green;
box-shadow: 0 0 0 2px rgba($caper-green, 0.35);
}