Adlandırılmış renk · #98D4A0
Sunlit Glade
Sunlit Glade, #98D4A0: rgb(152 212 160), hsl(128 41% 71%), oklch(0.815 0.095 148.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Sunlit Glade color name →
#98D4A0
oklch(0.815 0.095 148.1)
Renk dönüşümleri
- HEX
- #98d4a0
- RGB
- rgb(152 212 160)
- HSL
- hsl(128 41% 71%)
- HWB
- hwb(128 60% 17%)
- OKLCH
- oklch(0.815 0.095 148.1)
- OKLab
- oklab(0.815 -0.081 0.05)
- CIE Lab
- lab(79.79 -27.74 19.41)
- LCH
- lch(79.79 33.86 145)
- CMYK
- cmyk(28% 0% 25% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3D8A9
- ADDDB3
- B8E1BC
- C2E5C6
- CCEACF
- D6EED9
- E1F2E2
- EBF7EC
- F5FBF5
Koyu tonlar
- 84B88B
- 709D76
- 5C8361
- 4A694E
- 38513B
- 273A29
- 172419
- 081009
- 010201
Gri tonlar
- 96CB9D
- 94C39A
- 92BA97
- 90B294
- 8DA990
- 8BA18D
- 88998A
- 869087
- 838883
Renk uyumları
Tamamlayıcı +180°
- 98D4A0
Sunlit Glade
- E5ADE2
≈ Land of Dreams
Analog -30° +30°
- 98D4A0
Sunlit Glade
- BDCB84
≈ Apple II Beige
- 79D7C3
≈ Mint Majesty
Üçlü +120° +240°
- 98D4A0
Sunlit Glade
- A9C1FF
≈ Pastel Blue
- FAABA0
≈ Rosy Outlook
Bölünmüş tamamlayıcı +150° +210°
- 98D4A0
Sunlit Glade
- CAB6F9
≈ Violet Heaven
- F6A9C2
≈ Pink Flutter
Dörtlü +90° +180° +270°
- 98D4A0
Sunlit Glade
- 86CCF9
≈ Drift on the Sea
- E5ADE2
≈ Land of Dreams
- F2B484
≈ Smoked Ham
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.71:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.26:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunlit-glade: #98d4a0;
--sunlit-glade-rgb: 152 212 160;
--sunlit-glade-oklch: oklch(0.815 0.095 148.1);
}
.element {
color: var(--sunlit-glade);
background-color: hsl(128 41% 71%);
border-color: oklch(0.815 0.095 148.1);
}Tailwind CSS v4
@theme {
--color-sunlit-glade: #98d4a0;
--color-sunlit-glade-50: #e3fde7;
--color-sunlit-glade-100: #d2f1d8;
--color-sunlit-glade-200: #b8e0bf;
--color-sunlit-glade-300: #95c69e;
--color-sunlit-glade-400: #77ae7f;
--color-sunlit-glade-500: #579762;
--color-sunlit-glade-600: #4a8053;
--color-sunlit-glade-700: #3b6742;
--color-sunlit-glade-800: #2b4b2e;
--color-sunlit-glade-900: #1d341f;
--color-sunlit-glade-950: #0d200f;
}SCSS
$sunlit-glade: #98d4a0;
$sunlit-glade-rgb: 152, 212, 160;
$sunlit-glade-light: mix(#fff, $sunlit-glade, 20%);
$sunlit-glade-dark: mix(#000, $sunlit-glade, 20%);
.element {
color: $sunlit-glade;
box-shadow: 0 0 0 2px rgba($sunlit-glade, 0.35);
}