Nazwany kolor · #989057
Cardamom Green
Cardamom Green to #989057: rgb(152 144 87), hsl(53 27% 47%), oklch(0.647 0.078 101.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cardamom Green color name →
#989057
oklch(0.647 0.078 101.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A29B68
- ACA678
- B6B089
- C0BB99
- CAC7AA
- D4D2BB
- DFDDCC
- EAE8DD
- F4F4EE
Odcienie ciemniejsze
- 847D4B
- 706A3E
- 5C5733
- 4A4527
- 38341C
- 272412
- 171508
- 080703
- 010100
Tony
- 968F5C
- 938D61
- 918B65
- 8E8A69
- 8C886D
- 898771
- 878575
- 858379
- 82827D
Harmonie kolorów
Komplementarna +180°
- 989057
Cardamom Green
- 8689BD
≈ Pleated Mauve
Analogowa -30° +30°
- 989057
Cardamom Green
- AC8658
≈ Bread Basket
- 7D9866
≈ Pea Aubergine
Triada +120° +240°
- 989057
Cardamom Green
- 5499B0
≈ Starflower Blue
- AF7C9C
≈ Antique Hot Pink
Komplementarna rozszczepiona +150° +210°
- 989057
Cardamom Green
- 6B92BC
≈ Blue Marble
- 9E81B1
≈ Nightshade Violet
Tetrada +90° +180° +270°
- 989057
Cardamom Green
- 4F9D9A
≈ Cold North
- 8689BD
≈ Pleated Mauve
- B87B82
≈ Fiesta Rojo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.24:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.46:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
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);
}