Adlandırılmış renk · #A9D6BA
Eerie Glow
Eerie Glow, #A9D6BA: rgb(169 214 186), hsl(143 35% 75%), oklch(0.836 0.061 157.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Eerie Glow color name →
#A9D6BA
oklch(0.836 0.061 157.5)
Renk dönüşümleri
- HEX
- #a9d6ba
- RGB
- rgb(169 214 186)
- HSL
- hsl(143 35% 75%)
- HWB
- hwb(143 66% 16%)
- OKLCH
- oklch(0.836 0.061 157.5)
- OKLab
- oklab(0.836 -0.057 0.023)
- CIE Lab
- lab(81.84 -19.45 8.82)
- LCH
- lch(81.84 21.36 155.6)
- CMYK
- cmyk(21% 0% 13% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B2DAC1
- BADEC8
- C3E2CE
- CCE6D5
- D4EBDC
- DDEFE3
- E5F3EA
- EEF7F1
- F6FBF8
Koyu tonlar
- 92BAA1
- 7C9E89
- 678472
- 536A5C
- 3F5246
- 2C3B32
- 1B251E
- 0A100D
- 010202
Gri tonlar
- A5CDB4
- A1C4AE
- 9DBBA8
- 99B3A2
- 95AA9D
- 91A297
- 8D9991
- 89918B
- 848886
Renk uyumları
Tamamlayıcı +180°
- A9D6BA
Eerie Glow
- E5BBD8
≈ Designer Pink
Analog -30° +30°
- A9D6BA
Eerie Glow
- BED1A7
≈ Spumoni Green
- 9CD7D0
≈ In the Shallows
Üçlü +120° +240°
- A9D6BA
Eerie Glow
- BFC6F2
≈ Light Periwinkle
- EEBCAD
≈ Pale Satin Peach
Bölünmüş tamamlayıcı +150° +210°
- A9D6BA
Eerie Glow
- D4BFE9
≈ York Plum
- EEB9C2
≈ Cat Nose
Dörtlü +90° +180° +270°
- A9D6BA
Eerie Glow
- AACEF0
≈ Alphabet Blue
- E5BBD8
≈ Designer Pink
- E5C29F
≈ Library Card
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 13.01:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--eerie-glow: #a9d6ba;
--eerie-glow-rgb: 169 214 186;
--eerie-glow-oklch: oklch(0.836 0.061 157.5);
}
.element {
color: var(--eerie-glow);
background-color: hsl(143 35% 75%);
border-color: oklch(0.836 0.061 157.5);
}Tailwind CSS v4
@theme {
--color-eerie-glow: #a9d6ba;
--color-eerie-glow-50: #e7fbef;
--color-eerie-glow-100: #d7efe1;
--color-eerie-glow-200: #bfddcb;
--color-eerie-glow-300: #9dc1ac;
--color-eerie-glow-400: #81aa90;
--color-eerie-glow-500: #639376;
--color-eerie-glow-600: #547c64;
--color-eerie-glow-700: #436350;
--color-eerie-glow-800: #314939;
--color-eerie-glow-900: #213227;
--color-eerie-glow-950: #101e15;
}SCSS
$eerie-glow: #a9d6ba;
$eerie-glow-rgb: 169, 214, 186;
$eerie-glow-light: mix(#fff, $eerie-glow, 20%);
$eerie-glow-dark: mix(#000, $eerie-glow, 20%);
.element {
color: $eerie-glow;
box-shadow: 0 0 0 2px rgba($eerie-glow, 0.35);
}