Adlandırılmış renk · #9AAE8C
Cardoon
Cardoon, #9AAE8C: rgb(154 174 140), hsl(95 17% 62%), oklch(0.726 0.053 132.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Cardoon color name →
#9AAE8C
oklch(0.726 0.053 132.5)
Renk dönüşümleri
- HEX
- #9aae8c
- RGB
- rgb(154 174 140)
- HSL
- hsl(95 17% 62%)
- HWB
- hwb(95 55% 32%)
- OKLCH
- oklch(0.726 0.053 132.5)
- OKLab
- oklab(0.726 -0.036 0.039)
- CIE Lab
- lab(68.84 -11.96 15.09)
- LCH
- lch(68.84 19.25 128.4)
- CMYK
- cmyk(11% 0% 20% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4B697
- AEBEA2
- B7C6AE
- C1CEB9
- CBD6C4
- D6DED0
- E0E6DC
- EAEEE7
- F5F7F3
Koyu tonlar
- 859779
- 718067
- 5E6A55
- 4B5543
- 394133
- 272E23
- 171C14
- 090B07
- 010101
Gri tonlar
- 97A98B
- 95A58A
- 92A089
- 909B88
- 8D9786
- 8A9285
- 888E84
- 858983
- 838581
Renk uyumları
Tamamlayıcı +180°
- 9AAE8C
Cardoon
- B29DBF
≈ Grape Smoke
Analog -30° +30°
- 9AAE8C
Cardoon
- ACA882
≈ Green Grey Mist
- 89B19D
≈ Le Max
Üçlü +120° +240°
- 9AAE8C
Cardoon
- 8FA9C7
≈ Bachelor Blue
- C5999D
≈ Rose Meadow
Bölünmüş tamamlayıcı +150° +210°
- 9AAE8C
Cardoon
- A1A3C7
≈ Wild Phlox
- BF9AB0
≈ Classy Mauve
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.38:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.80:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.80:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--cardoon: #9aae8c;
--cardoon-rgb: 154 174 140;
--cardoon-oklch: oklch(0.726 0.053 132.5);
}
.element {
color: var(--cardoon);
background-color: hsl(95 17% 62%);
border-color: oklch(0.726 0.053 132.5);
}Tailwind CSS v4
@theme {
--color-cardoon: #9aae8c;
--color-cardoon-50: #eff9ea;
--color-cardoon-100: #e1ecdb;
--color-cardoon-200: #cbdac3;
--color-cardoon-300: #acbea3;
--color-cardoon-400: #93a686;
--color-cardoon-500: #798e6a;
--color-cardoon-600: #66785a;
--color-cardoon-700: #526048;
--color-cardoon-800: #3c4633;
--color-cardoon-900: #293123;
--color-cardoon-950: #171d12;
}SCSS
$cardoon: #9aae8c;
$cardoon-rgb: 154, 174, 140;
$cardoon-light: mix(#fff, $cardoon, 20%);
$cardoon-dark: mix(#000, $cardoon, 20%);
.element {
color: $cardoon;
box-shadow: 0 0 0 2px rgba($cardoon, 0.35);
}