Najbliższy nazwany kolor · #AEAF82
#AEAF82
Najbliższy nazwany kolor: Cardamom
#AEAF82 (rgb(174 175 130), hsl(61 22% 60%), oklch(0.742 0.061 108.9)) jest najbliższy nazwanemu kolorowi Cardamom. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AEAF82
oklch(0.742 0.061 108.9)
Konwersje koloru
- HEX
- #aeaf82
- RGB
- rgb(174 175 130)
- HSL
- hsl(61 22% 60%)
- HWB
- hwb(61 51% 31%)
- OKLCH
- oklch(0.742 0.061 108.9)
- OKLab
- oklab(0.742 -0.02 0.058)
- CIE Lab
- lab(70.53 -5.87 23.06)
- LCH
- lch(70.53 23.8 104.3)
- CMYK
- cmyk(1% 0% 26% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6B78E
- BEBF9B
- C6C7A7
- CECFB3
- D6D7C0
- DEDFCC
- E6E7D9
- EEEFE5
- F7F7F2
Odcienie ciemniejsze
- 979870
- 80815F
- 6A6B4E
- 55563E
- 41412F
- 2E2E20
- 1C1C12
- 0B0B06
- 010101
Tony
- A9AA82
- A5A582
- A0A182
- 9B9C82
- 979782
- 929382
- 8D8E81
- 898981
- 848581
Harmonie kolorów
Komplementarna +180°
- AEAF82
Cardamom
- A9A6D0
≈ Monastic
Analogowa -30° +30°
- AEAF82
Cardamom
- C1A780
≈ Pocket Watch
- 98B590
≈ Basilisk
Triada +120° +240°
- AEAF82
Cardamom
- 83B3CB
≈ Batch Blue
- CA9CB2
≈ Lady’s Cushions Pink
Komplementarna rozszczepiona +150° +210°
- AEAF82
Cardamom
- 94ADD3
≈ Lazy Day
- BC9FC4
≈ Lupine
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.26:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.25:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--cardamom: #aeaf82;
--cardamom-rgb: 174 175 130;
--cardamom-oklch: oklch(0.742 0.061 108.9);
}
.element {
color: var(--cardamom);
background-color: hsl(61 22% 60%);
border-color: oklch(0.742 0.061 108.9);
}Tailwind CSS v4
@theme {
--color-cardamom: #aeaf82;
--color-cardamom-50: #f5f7e3;
--color-cardamom-100: #e8ead3;
--color-cardamom-200: #d5d7b9;
--color-cardamom-300: #b8bb97;
--color-cardamom-400: #a1a278;
--color-cardamom-500: #898a59;
--color-cardamom-600: #74754c;
--color-cardamom-700: #5d5d3d;
--color-cardamom-800: #45442b;
--color-cardamom-900: #2f2f1d;
--color-cardamom-950: #1c1b0d;
}SCSS
$cardamom: #aeaf82;
$cardamom-rgb: 174, 175, 130;
$cardamom-light: mix(#fff, $cardamom, 20%);
$cardamom-dark: mix(#000, $cardamom, 20%);
.element {
color: $cardamom;
box-shadow: 0 0 0 2px rgba($cardamom, 0.35);
}