Adlandırılmış renk · #879C67
Agave Plant
Agave Plant, #879C67: rgb(135 156 103), hsl(84 21% 51%), oklch(0.663 0.078 126). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Agave Plant color name →
#879C67
oklch(0.663 0.078 126)
Renk dönüşümleri
- HEX
- #879c67
- RGB
- rgb(135 156 103)
- HSL
- hsl(84 21% 51%)
- HWB
- hwb(84 40% 39%)
- OKLCH
- oklch(0.663 0.078 126)
- OKLab
- oklab(0.663 -0.046 0.063)
- CIE Lab
- lab(61.69 -14.75 25.24)
- LCH
- lch(61.69 29.24 120.3)
- CMYK
- cmyk(13% 0% 34% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 92A676
- 9EAF85
- AAB994
- B5C3A3
- C1CDB2
- CDD7C1
- DAE1D0
- E6EBE0
- F2F5EF
Koyu tonlar
- 758759
- 63734B
- 515F3D
- 414C30
- 313923
- 212817
- 13180C
- 060904
- 010100
Gri tonlar
- 86996A
- 86976D
- 859470
- 849172
- 848E75
- 838B77
- 828979
- 81867C
- 81837E
Renk uyumları
Tamamlayıcı +180°
- 879C67
Agave Plant
- 9F87B9
≈ Peony Mauve
Analog -30° +30°
- 879C67
Agave Plant
- A1935A
≈ Desert Yellow
- 6AA27F
≈ Sea Lettuce
Üçlü +120° +240°
- 879C67
Agave Plant
- 6A98C0
≈ Windstorm
- BD7F8C
≈ Lipstick Pink
Bölünmüş tamamlayıcı +150° +210°
- 879C67
Agave Plant
- 868FC3
≈ Safflowerish Sky
- B281A5
≈ Purple Stripe
Dörtlü +90° +180° +270°
- 879C67
Agave Plant
- 569FB2
≈ Inuit
- 9F87B9
≈ Peony Mauve
- BE8272
≈ Kitchen Terra Cotta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.00:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.98:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.98:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--agave-plant: #879c67;
--agave-plant-rgb: 135 156 103;
--agave-plant-oklch: oklch(0.663 0.078 126);
}
.element {
color: var(--agave-plant);
background-color: hsl(84 21% 51%);
border-color: oklch(0.663 0.078 126);
}Tailwind CSS v4
@theme {
--color-agave-plant: #879c67;
--color-agave-plant-50: #effae2;
--color-agave-plant-100: #e0edd2;
--color-agave-plant-200: #cbdbb8;
--color-agave-plant-300: #acc095;
--color-agave-plant-400: #93a774;
--color-agave-plant-500: #799055;
--color-agave-plant-600: #677a49;
--color-agave-plant-700: #52613a;
--color-agave-plant-800: #3d4728;
--color-agave-plant-900: #2a311b;
--color-agave-plant-950: #171d0b;
}SCSS
$agave-plant: #879c67;
$agave-plant-rgb: 135, 156, 103;
$agave-plant-light: mix(#fff, $agave-plant, 20%);
$agave-plant-dark: mix(#000, $agave-plant, 20%);
.element {
color: $agave-plant;
box-shadow: 0 0 0 2px rgba($agave-plant, 0.35);
}