이름 색상 · #008980
Eyeshadow Turquoise
Eyeshadow Turquoise은(는) #008980: rgb(0 137 128), hsl(176 100% 27%), oklch(0.567 0.099 186.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Eyeshadow Turquoise color name →
#008980
oklch(0.567 0.099 186.7)
색상 변환
- HEX
- #008980
- RGB
- rgb(0 137 128)
- HSL
- hsl(176 100% 27%)
- HWB
- hwb(176 0% 46%)
- OKLCH
- oklch(0.567 0.099 186.7)
- OKLab
- oklab(0.567 -0.098 -0.012)
- CIE Lab
- lab(50.97 -34.11 -4.58)
- LCH
- lch(50.97 34.42 187.7)
- CMYK
- cmyk(100% 0% 7% 46%)
틴트 · 셰이드 · 톤
틴트
- 35958C
- 51A098
- 69ACA4
- 7FB8B1
- 95C3BE
- AACFCA
- BFDBD7
- D5E7E4
- EAF3F2
셰이드
- 00766E
- 00645D
- 00534D
- 00423D
- 00312E
- 00221F
- 001412
- 000706
- 000101
톤
- 258880
- 378880
- 448780
- 4F8680
- 598580
- 628480
- 6A8380
- 728280
- 798180
색 조화
보색 +180°
- 008980
Eyeshadow Turquoise
- A75C6D
≈ Shine Baby Shine
유사색 -30° +30°
- 008980
Eyeshadow Turquoise
- 3D885E
≈ Exquisite Emerald
- 0B849C
≈ Zircon Blue
삼각 배색 +120° +240°
- 008980
Eyeshadow Turquoise
- 8666A4
≈ Chive Blossom
- 9D6A2F
≈ Stage Gold
분열 보색 +150° +210°
- 008980
Eyeshadow Turquoise
- 9B5F8C
≈ Thimble Red
- A8604C
≈ Roycroft Adobe
사각 배색 +90° +180° +270°
- 008980
Eyeshadow Turquoise
- 6871B0
≈ Chalcedony Violet
- A75C6D
≈ Shine Baby Shine
- 877627
≈ Garden Lettuce Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.29:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.88:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.88:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--eyeshadow-turquoise: #008980;
--eyeshadow-turquoise-rgb: 0 137 128;
--eyeshadow-turquoise-oklch: oklch(0.567 0.099 186.7);
}
.element {
color: var(--eyeshadow-turquoise);
background-color: hsl(176 100% 27%);
border-color: oklch(0.567 0.099 186.7);
}Tailwind CSS v4
@theme {
--color-eyeshadow-turquoise: #008980;
--color-eyeshadow-turquoise-50: #d6fffb;
--color-eyeshadow-turquoise-100: #c3f3ee;
--color-eyeshadow-turquoise-200: #a3e2dd;
--color-eyeshadow-turquoise-300: #78c8c1;
--color-eyeshadow-turquoise-400: #4eb1a8;
--color-eyeshadow-turquoise-500: #009b91;
--color-eyeshadow-turquoise-600: #0a837a;
--color-eyeshadow-turquoise-700: #0b6962;
--color-eyeshadow-turquoise-800: #074d47;
--color-eyeshadow-turquoise-900: #053631;
--color-eyeshadow-turquoise-950: #00211d;
}SCSS
$eyeshadow-turquoise: #008980;
$eyeshadow-turquoise-rgb: 0, 137, 128;
$eyeshadow-turquoise-light: mix(#fff, $eyeshadow-turquoise, 20%);
$eyeshadow-turquoise-dark: mix(#000, $eyeshadow-turquoise, 20%);
.element {
color: $eyeshadow-turquoise;
box-shadow: 0 0 0 2px rgba($eyeshadow-turquoise, 0.35);
}