Adlandırılmış renk · #A8B989
Grant Wood Ivy
Grant Wood Ivy, #A8B989: rgb(168 185 137), hsl(81 26% 63%), oklch(0.76 0.068 123.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Grant Wood Ivy color name →
#A8B989
oklch(0.76 0.068 123.8)
Renk dönüşümleri
- HEX
- #a8b989
- RGB
- rgb(168 185 137)
- HSL
- hsl(81 26% 63%)
- HWB
- hwb(81 54% 27%)
- OKLCH
- oklch(0.76 0.068 123.8)
- OKLab
- oklab(0.76 -0.038 0.057)
- CIE Lab
- lab(72.9 -12.35 22.4)
- LCH
- lch(72.9 25.58 118.9)
- CMYK
- cmyk(9% 0% 26% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0C095
- B9C7A0
- C1CEAC
- CAD5B8
- D3DCC3
- DBE3CF
- E4EADB
- EDF1E7
- F6F8F3
Koyu tonlar
- 92A076
- 7C8964
- 677153
- 525B42
- 3F4631
- 2C3122
- 1A1E14
- 0A0D07
- 010201
Gri tonlar
- A4B388
- A0AD88
- 9CA887
- 98A286
- 949C85
- 909784
- 8C9183
- 888B82
- 848681
Renk uyumları
Tamamlayıcı +180°
- A8B989
Grant Wood Ivy
- BAA7D5
≈ Grape Illusion
Analog -30° +30°
- A8B989
Grant Wood Ivy
- BFB17F
≈ Ecru
- 90BE9D
≈ Green-Eyed Lady
Üçlü +120° +240°
- A8B989
Grant Wood Ivy
- 8CB7DA
≈ Periwinkle Sky
- D79FAC
≈ Lili Elbe’s Pink
Bölünmüş tamamlayıcı +150° +210°
- A8B989
Grant Wood Ivy
- A3AFDD
≈ Myrtle Flower
- CDA1C3
≈ Geranium Bud
Dörtlü +90° +180° +270°
- A8B989
Grant Wood Ivy
- 7DBDCC
≈ Azure Lake
- BAA7D5
≈ Grape Illusion
- D9A295
≈ Auburn Wave
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.10:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.96:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--grant-wood-ivy: #a8b989;
--grant-wood-ivy-rgb: 168 185 137;
--grant-wood-ivy-oklch: oklch(0.76 0.068 123.8);
}
.element {
color: var(--grant-wood-ivy);
background-color: hsl(81 26% 63%);
border-color: oklch(0.76 0.068 123.8);
}Tailwind CSS v4
@theme {
--color-grant-wood-ivy: #a8b989;
--color-grant-wood-ivy-50: #f0f9e4;
--color-grant-wood-ivy-100: #e2ecd4;
--color-grant-wood-ivy-200: #cddabb;
--color-grant-wood-ivy-300: #afbe98;
--color-grant-wood-ivy-400: #96a679;
--color-grant-wood-ivy-500: #7d8e5b;
--color-grant-wood-ivy-600: #6a784d;
--color-grant-wood-ivy-700: #54603e;
--color-grant-wood-ivy-800: #3e462b;
--color-grant-wood-ivy-900: #2b311d;
--color-grant-wood-ivy-950: #181d0d;
}SCSS
$grant-wood-ivy: #a8b989;
$grant-wood-ivy-rgb: 168, 185, 137;
$grant-wood-ivy-light: mix(#fff, $grant-wood-ivy, 20%);
$grant-wood-ivy-dark: mix(#000, $grant-wood-ivy, 20%);
.element {
color: $grant-wood-ivy;
box-shadow: 0 0 0 2px rgba($grant-wood-ivy, 0.35);
}