Adlandırılmış renk · #8DA090
Hillside View
Hillside View, #8DA090: rgb(141 160 144), hsl(129 9% 59%), oklch(0.686 0.032 149.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Hillside View color name →
#8DA090
oklch(0.686 0.032 149.9)
Renk dönüşümleri
- HEX
- #8da090
- RGB
- rgb(141 160 144)
- HSL
- hsl(129 9% 59%)
- HWB
- hwb(129 55% 37%)
- OKLCH
- oklch(0.686 0.032 149.9)
- OKLab
- oklab(0.686 -0.027 0.016)
- CIE Lab
- lab(64.01 -9.34 5.99)
- LCH
- lch(64.01 11.1 147.3)
- CMYK
- cmyk(12% 0% 10% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 98A99B
- A3B2A5
- AEBCB0
- B9C5BB
- C5CFC6
- D0D8D1
- DCE2DD
- E7EBE8
- F3F5F3
Koyu tonlar
- 7A8B7D
- 67766A
- 556157
- 444E45
- 333B34
- 232924
- 141915
- 070907
- 010101
Gri tonlar
- 8C9D8E
- 8A9A8D
- 89968B
- 88938A
- 879088
- 858D86
- 848A85
- 838683
- 818382
Renk uyumları
Tamamlayıcı +180°
- 8DA090
Hillside View
- A693A4
≈ Garden Flower
Analog -30° +30°
- 8DA090
Hillside View
- 979D88
≈ Herbalist
- 86A19B
≈ Meek Moss Green
Üçlü +120° +240°
- 8DA090
Hillside View
- 929AAE
≈ Ornamental Silver
- AD938F
≈ Antoinette
Bölünmüş tamamlayıcı +150° +210°
- 8DA090
Hillside View
- 9D96AB
≈ Purple Surf
- AC9299
≈ Persian Pastel
Dörtlü +90° +180° +270°
- 8DA090
Hillside View
- 899DAC
≈ Relaxing Blue
- A693A4
≈ Garden Flower
- A99687
≈ Chic Taupe
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.77:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.56:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.56:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--hillside-view: #8da090;
--hillside-view-rgb: 141 160 144;
--hillside-view-oklch: oklch(0.686 0.032 149.9);
}
.element {
color: var(--hillside-view);
background-color: hsl(129 9% 59%);
border-color: oklch(0.686 0.032 149.9);
}Tailwind CSS v4
@theme {
--color-hillside-view: #8da090;
--color-hillside-view-50: #eff8f1;
--color-hillside-view-100: #e1ebe3;
--color-hillside-view-200: #cbd8ce;
--color-hillside-view-300: #acbcb0;
--color-hillside-view-400: #92a495;
--color-hillside-view-500: #788c7b;
--color-hillside-view-600: #667768;
--color-hillside-view-700: #515f53;
--color-hillside-view-800: #3b463c;
--color-hillside-view-900: #293029;
--color-hillside-view-950: #161c17;
}SCSS
$hillside-view: #8da090;
$hillside-view-rgb: 141, 160, 144;
$hillside-view-light: mix(#fff, $hillside-view, 20%);
$hillside-view-dark: mix(#000, $hillside-view, 20%);
.element {
color: $hillside-view;
box-shadow: 0 0 0 2px rgba($hillside-view, 0.35);
}