Colore con nome · #989057
Cardamom Green
Cardamom Green è #989057: rgb(152 144 87), hsl(53 27% 47%), oklch(0.647 0.078 101.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cardamom Green color name →
#989057
oklch(0.647 0.078 101.3)
Conversioni di colore
- HEX
- #989057
- RGB
- rgb(152 144 87)
- HSL
- hsl(53 27% 47%)
- HWB
- hwb(53 34% 40%)
- OKLCH
- oklch(0.647 0.078 101.3)
- OKLab
- oklab(0.647 -0.015 0.076)
- CIE Lab
- lab(59.49 -3.2 31.34)
- LCH
- lch(59.49 31.5 95.8)
- CMYK
- cmyk(0% 5% 43% 40%)
Tinte · Ombre · Toni
Tinte
- A29B68
- ACA678
- B6B089
- C0BB99
- CAC7AA
- D4D2BB
- DFDDCC
- EAE8DD
- F4F4EE
Ombre
- 847D4B
- 706A3E
- 5C5733
- 4A4527
- 38341C
- 272412
- 171508
- 080703
- 010100
Toni
- 968F5C
- 938D61
- 918B65
- 8E8A69
- 8C886D
- 898771
- 878575
- 858379
- 82827D
Armonie di colore
Complementare +180°
- 989057
Cardamom Green
- 8689BD
≈ Pleated Mauve
Analogo -30° +30°
- 989057
Cardamom Green
- AC8658
≈ Bread Basket
- 7D9866
≈ Pea Aubergine
Triadico +120° +240°
- 989057
Cardamom Green
- 5499B0
≈ Starflower Blue
- AF7C9C
≈ Antique Hot Pink
Complementare divisa +150° +210°
- 989057
Cardamom Green
- 6B92BC
≈ Blue Marble
- 9E81B1
≈ Nightshade Violet
Tetradico +90° +180° +270°
- 989057
Cardamom Green
- 4F9D9A
≈ Cold North
- 8689BD
≈ Pleated Mauve
- B87B82
≈ Fiesta Rojo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.24:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.46:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--cardamom-green: #989057;
--cardamom-green-rgb: 152 144 87;
--cardamom-green-oklch: oklch(0.647 0.078 101.3);
}
.element {
color: var(--cardamom-green);
background-color: hsl(53 27% 47%);
border-color: oklch(0.647 0.078 101.3);
}Tailwind CSS v4
@theme {
--color-cardamom-green: #989057;
--color-cardamom-green-50: #f9f7dd;
--color-cardamom-green-100: #eceacc;
--color-cardamom-green-200: #dad6b0;
--color-cardamom-green-300: #beba8c;
--color-cardamom-green-400: #a8a06a;
--color-cardamom-green-500: #918848;
--color-cardamom-green-600: #7b733e;
--color-cardamom-green-700: #625c31;
--color-cardamom-green-800: #494322;
--color-cardamom-green-900: #322e16;
--color-cardamom-green-950: #1e1b08;
}SCSS
$cardamom-green: #989057;
$cardamom-green-rgb: 152, 144, 87;
$cardamom-green-light: mix(#fff, $cardamom-green, 20%);
$cardamom-green-dark: mix(#000, $cardamom-green, 20%);
.element {
color: $cardamom-green;
box-shadow: 0 0 0 2px rgba($cardamom-green, 0.35);
}