이름 색상 · #008888
Green Moblin
Green Moblin은(는) #008888: rgb(0 136 136), hsl(180 100% 27%), oklch(0.567 0.097 194.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Green Moblin color name →
#008888
oklch(0.567 0.097 194.8)
색상 변환
- HEX
- #008888
- RGB
- rgb(0 136 136)
- HSL
- hsl(180 100% 27%)
- HWB
- hwb(180 0% 47%)
- OKLCH
- oklch(0.567 0.097 194.8)
- OKLab
- oklab(0.567 -0.094 -0.025)
- CIE Lab
- lab(50.85 -31.75 -9.38)
- LCH
- lch(50.85 33.11 196.5)
- CMYK
- cmyk(100% 0% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 359493
- 519F9F
- 69ABAA
- 7FB7B6
- 95C3C2
- AACFCE
- BFDBDA
- D5E7E6
- EAF3F3
셰이드
- 007575
- 006363
- 005252
- 004141
- 003131
- 002222
- 001313
- 000606
- 000101
톤
- 258787
- 368786
- 448686
- 4F8585
- 598584
- 618483
- 6A8382
- 728282
- 798181
색 조화
보색 +180°
- 008888
Green Moblin
- A85E64
≈ Delicate Prunus
유사색 -30° +30°
- 008888
Green Moblin
- 338868
≈ Chrysocolla Green
- 2282A1
≈ Summer Blue
삼각 배색 +120° +240°
- 008888
Green Moblin
- 8C659E
≈ Aster Violetta
- 986E2D
≈ Damascene
분열 보색 +150° +210°
- 008888
Green Moblin
- 9F5E84
≈ Raspberry Jelly Red
- A66345
≈ Borneo
사각 배색 +90° +180° +270°
- 008888
Green Moblin
- 716EAD
≈ Clear Mauve
- A85E64
≈ Delicate Prunus
- 7F792E
≈ Faience Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.30:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.87:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.87:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--green-moblin: #008888;
--green-moblin-rgb: 0 136 136;
--green-moblin-oklch: oklch(0.567 0.097 194.8);
}
.element {
color: var(--green-moblin);
background-color: hsl(180 100% 27%);
border-color: oklch(0.567 0.097 194.8);
}Tailwind CSS v4
@theme {
--color-green-moblin: #008888;
--color-green-moblin-50: #d6feff;
--color-green-moblin-100: #c3f3f3;
--color-green-moblin-200: #a3e2e2;
--color-green-moblin-300: #79c7c8;
--color-green-moblin-400: #4db0b0;
--color-green-moblin-500: #009a9a;
--color-green-moblin-600: #0a8282;
--color-green-moblin-700: #0b6868;
--color-green-moblin-800: #064d4b;
--color-green-moblin-900: #053534;
--color-green-moblin-950: #002020;
}SCSS
$green-moblin: #008888;
$green-moblin-rgb: 0, 136, 136;
$green-moblin-light: mix(#fff, $green-moblin, 20%);
$green-moblin-dark: mix(#000, $green-moblin, 20%);
.element {
color: $green-moblin;
box-shadow: 0 0 0 2px rgba($green-moblin, 0.35);
}