Adlandırılmış renk · #84A194
Australian Jade
Australian Jade, #84A194: rgb(132 161 148), hsl(153 13% 57%), oklch(0.683 0.037 166.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Australian Jade color name →
#84A194
oklch(0.683 0.037 166.3)
Renk dönüşümleri
- HEX
- #84a194
- RGB
- rgb(132 161 148)
- HSL
- hsl(153 13% 57%)
- HWB
- hwb(153 52% 37%)
- OKLCH
- oklch(0.683 0.037 166.3)
- OKLab
- oklab(0.683 -0.036 0.009)
- CIE Lab
- lab(63.74 -12.5 3.28)
- LCH
- lch(63.74 12.92 165.3)
- CMYK
- cmyk(18% 0% 8% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 90AA9E
- 9CB3A9
- A8BCB3
- B4C6BE
- C0CFC8
- CDD9D3
- D9E2DE
- E6ECE9
- F2F5F4
Koyu tonlar
- 728B80
- 60766D
- 4F625A
- 3F4E48
- 2F3C36
- 202A26
- 121916
- 060908
- 010101
Gri tonlar
- 849E92
- 839A90
- 83978E
- 83948C
- 82908A
- 828D88
- 828A86
- 818784
- 818382
Renk uyumları
Tamamlayıcı +180°
- 84A194
Australian Jade
- AB909E
≈ Mauve Shadows
Analog -30° +30°
- 84A194
Australian Jade
- 8F9F88
≈ Fresh Sod
- 7FA1A1
≈ Tower Bridge
Üçlü +120° +240°
- 84A194
Australian Jade
- 9796B0
≈ Tusi Grey
- AE9386
≈ Plush Suede
Bölünmüş tamamlayıcı +150° +210°
- 84A194
Australian Jade
- A392A9
≈ Fields of Provence
- AF9091
≈ Deauville Mauve
Dörtlü +90° +180° +270°
- 84A194
Australian Jade
- 8B9BB1
≈ Moon Veil
- AB909E
≈ Mauve Shadows
- A79780
≈ Bronco
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--australian-jade: #84a194;
--australian-jade-rgb: 132 161 148;
--australian-jade-oklch: oklch(0.683 0.037 166.3);
}
.element {
color: var(--australian-jade);
background-color: hsl(153 13% 57%);
border-color: oklch(0.683 0.037 166.3);
}Tailwind CSS v4
@theme {
--color-australian-jade: #84a194;
--color-australian-jade-50: #ebf9f3;
--color-australian-jade-100: #ddece5;
--color-australian-jade-200: #c6dad1;
--color-australian-jade-300: #a6beb4;
--color-australian-jade-400: #8aa699;
--color-australian-jade-500: #6f8e81;
--color-australian-jade-600: #5e796d;
--color-australian-jade-700: #4b6057;
--color-australian-jade-800: #37473f;
--color-australian-jade-900: #25312b;
--color-australian-jade-950: #141d19;
}SCSS
$australian-jade: #84a194;
$australian-jade-rgb: 132, 161, 148;
$australian-jade-light: mix(#fff, $australian-jade, 20%);
$australian-jade-dark: mix(#000, $australian-jade, 20%);
.element {
color: $australian-jade;
box-shadow: 0 0 0 2px rgba($australian-jade, 0.35);
}