Nazwany kolor · #AAAA77
Cardamom
Cardamom to #AAAA77: rgb(170 170 119), hsl(60 23% 57%), oklch(0.725 0.069 108). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cardamom color name →
#AAAA77
oklch(0.725 0.069 108)
Konwersje koloru
- HEX
- #aaaa77
- RGB
- rgb(170 170 119)
- HSL
- hsl(60 23% 57%)
- HWB
- hwb(60 47% 33%)
- OKLCH
- oklch(0.725 0.069 108)
- OKLab
- oklab(0.725 -0.021 0.066)
- CIE Lab
- lab(68.66 -6.07 26.39)
- LCH
- lch(68.66 27.08 103)
- CMYK
- cmyk(0% 0% 30% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2B284
- BABB92
- C3C39F
- CBCCAD
- D4D4BA
- DCDDC8
- E5E5D6
- EDEEE3
- F6F6F1
Odcienie ciemniejsze
- 939367
- 7D7D57
- 686847
- 535338
- 3F3F2A
- 2D2D1C
- 1B1B10
- 0B0B05
- 010101
Tony
- A6A678
- A1A27A
- 9D9D7B
- 99997C
- 95957D
- 90917E
- 8C8D7E
- 88887F
- 848480
Harmonie kolorów
Komplementarna +180°
- AAAA77
Cardamom
- A4A0D0
≈ Wistful
Analogowa -30° +30°
- AAAA77
Cardamom
- BEA175
≈ Mesa
- 91B187
≈ Pear Cactus
Triada +120° +240°
- AAAA77
Cardamom
- 77AFC9
≈ Frisky Blue
- C895AE
≈ Morning Glory Pink
Komplementarna rozszczepiona +150° +210°
- AAAA77
Cardamom
- 8CA8D2
≈ Placid Blue
- B999C3
≈ Crocus Petal
Tetrada +90° +180° +270°
- AAAA77
Cardamom
- 70B4B6
≈ Aurora Teal
- A4A0D0
≈ Wistful
- CE9596
≈ Minstrel Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.40:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.72:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--cardamom: #aaaa77;
--cardamom-rgb: 170 170 119;
--cardamom-oklch: oklch(0.725 0.069 108);
}
.element {
color: var(--cardamom);
background-color: hsl(60 23% 57%);
border-color: oklch(0.725 0.069 108);
}Tailwind CSS v4
@theme {
--color-cardamom: #aaaa77;
--color-cardamom-50: #f6f7e1;
--color-cardamom-100: #e9ead0;
--color-cardamom-200: #d5d7b6;
--color-cardamom-300: #b9bb92;
--color-cardamom-400: #a2a272;
--color-cardamom-500: #8a8a52;
--color-cardamom-600: #757546;
--color-cardamom-700: #5e5d38;
--color-cardamom-800: #454427;
--color-cardamom-900: #302f1a;
--color-cardamom-950: #1c1b0b;
}SCSS
$cardamom: #aaaa77;
$cardamom-rgb: 170, 170, 119;
$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);
}