이름 색상 · #588266
Green Goth Eyeshadow
Green Goth Eyeshadow은(는) #588266: rgb(88 130 102), hsl(140 19% 43%), oklch(0.567 0.064 154.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Goth Eyeshadow color name →
#588266
oklch(0.567 0.064 154.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 688E74
- 789A83
- 88A691
- 99B2A0
- A9BFB0
- BACCBF
- CBD8CF
- DCE5DF
- EEF2EF
셰이드
- 4B7058
- 3F5F4A
- 334E3C
- 283E2F
- 1D2F23
- 122017
- 09120C
- 030604
- 000100
톤
- 5C8269
- 61826B
- 65826E
- 698171
- 6D8173
- 718176
- 758178
- 79817B
- 7C807D
색 조화
보색 +180°
- 588266
Green Goth Eyeshadow
- 8E6986
≈ Milkwort Red
유사색 -30° +30°
- 588266
Green Goth Eyeshadow
- 6E7D54
≈ Mint Leaves
- 48837B
≈ Bubble Turquoise
삼각 배색 +120° +240°
- 588266
Green Goth Eyeshadow
- 6B749D
≈ Velvet Morning
- 98695D
≈ Pi²
분열 보색 +150° +210°
- 588266
Green Goth Eyeshadow
- 7F6D95
≈ Ornate
- 976772
≈ Nouveau Rose
사각 배색 +90° +180° +270°
- 588266
Green Goth Eyeshadow
- 567B9A
≈ Glass Sapphire
- 8E6986
≈ Milkwort Red
- 916F4E
≈ Tanned Wood
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.37:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.79:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.79:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
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);
}