Adlandırılmış renk · #588266
Green Goth Eyeshadow
Green Goth Eyeshadow, #588266: rgb(88 130 102), hsl(140 19% 43%), oklch(0.567 0.064 154.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Green Goth Eyeshadow color name →
#588266
oklch(0.567 0.064 154.7)
Renk dönüşümleri
- HEX
- #588266
- RGB
- rgb(88 130 102)
- HSL
- hsl(140 19% 43%)
- HWB
- hwb(140 35% 49%)
- OKLCH
- oklch(0.567 0.064 154.7)
- OKLab
- oklab(0.567 -0.058 0.027)
- CIE Lab
- lab(50.66 -19.92 10.37)
- LCH
- lch(50.66 22.46 152.5)
- CMYK
- cmyk(32% 0% 22% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 688E74
- 789A83
- 88A691
- 99B2A0
- A9BFB0
- BACCBF
- CBD8CF
- DCE5DF
- EEF2EF
Koyu tonlar
- 4B7058
- 3F5F4A
- 334E3C
- 283E2F
- 1D2F23
- 122017
- 09120C
- 030604
- 000100
Gri tonlar
- 5C8269
- 61826B
- 65826E
- 698171
- 6D8173
- 718176
- 758178
- 79817B
- 7C807D
Renk uyumları
Tamamlayıcı +180°
- 588266
Green Goth Eyeshadow
- 8E6986
≈ Milkwort Red
Analog -30° +30°
- 588266
Green Goth Eyeshadow
- 6E7D54
≈ Mint Leaves
- 48837B
≈ Bubble Turquoise
Üçlü +120° +240°
- 588266
Green Goth Eyeshadow
- 6B749D
≈ Velvet Morning
- 98695D
≈ Pi²
Bölünmüş tamamlayıcı +150° +210°
- 588266
Green Goth Eyeshadow
- 7F6D95
≈ Ornate
- 976772
≈ Nouveau Rose
Dörtlü +90° +180° +270°
- 588266
Green Goth Eyeshadow
- 567B9A
≈ Glass Sapphire
- 8E6986
≈ Milkwort Red
- 916F4E
≈ Tanned Wood
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.37:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.79:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.79:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-goth-eyeshadow: #588266;
--green-goth-eyeshadow-rgb: 88 130 102;
--green-goth-eyeshadow-oklch: oklch(0.567 0.064 154.7);
}
.element {
color: var(--green-goth-eyeshadow);
background-color: hsl(140 19% 43%);
border-color: oklch(0.567 0.064 154.7);
}Tailwind CSS v4
@theme {
--color-green-goth-eyeshadow: #588266;
--color-green-goth-eyeshadow-50: #e7fbee;
--color-green-goth-eyeshadow-100: #d8efdf;
--color-green-goth-eyeshadow-200: #bfddc9;
--color-green-goth-eyeshadow-300: #9ec2aa;
--color-green-goth-eyeshadow-400: #81aa8e;
--color-green-goth-eyeshadow-500: #649373;
--color-green-goth-eyeshadow-600: #557c62;
--color-green-goth-eyeshadow-700: #44644e;
--color-green-goth-eyeshadow-800: #314938;
--color-green-goth-eyeshadow-900: #213326;
--color-green-goth-eyeshadow-950: #111e14;
}SCSS
$green-goth-eyeshadow: #588266;
$green-goth-eyeshadow-rgb: 88, 130, 102;
$green-goth-eyeshadow-light: mix(#fff, $green-goth-eyeshadow, 20%);
$green-goth-eyeshadow-dark: mix(#000, $green-goth-eyeshadow, 20%);
.element {
color: $green-goth-eyeshadow;
box-shadow: 0 0 0 2px rgba($green-goth-eyeshadow, 0.35);
}