이름 색상 · #0EE8A3

Mega Teal

Mega Teal은(는) #0EE8A3: rgb(14 232 163), hsl(161 89% 48%), oklch(0.824 0.177 162.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Mega Teal color name →

#0EE8A3

oklch(0.824 0.177 162.7)

색상 변환

HEX: #0ee8a3
RGB: rgb(14 232 163)
HSL: hsl(161 89% 48%)
HWB: hwb(161 5% 9%)
OKLCH: oklch(0.824 0.177 162.7)
OKLab: oklab(0.824 -0.169 0.053)
CIE Lab: lab(81.93 -60.38 20.02)
LCH: lch(81.93 63.62 161.7)
CMYK: cmyk(94% 0% 30% 9%)

틴트 · 셰이드 · 톤

틴트

4CEBAC
6AEEB5
83F0BE
98F3C8
ABF5D1
BDF7DA
CFF9E3
DFFBEC
EFFDF6

셰이드

0BCA8D
07AC78
059063
03744F
02593C
01402A
002919
00130A
000301

톤

39DDA0
4CD39C
5AC999
64BE95
6CB492
72A98E
779F8B
7B9587
7E8A84

색 조화

보색 +180°

0EE8A3
Mega Teal
FFA3DC
≈ Corinthian Pink

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.60:1 · APCA Lc 27

Fail

검은색 위

WCAG 13.09:1 · APCA Lc 76

AAA

가장 좋은 글자색: #000000

WCAG 13.09:1 (AAA) · APCA Lc 76

Contrast pairs

코드 스니펫

CSS

:root {
  --mega-teal: #0ee8a3;
  --mega-teal-rgb: 14 232 163;
  --mega-teal-oklch: oklch(0.824 0.177 162.7);
}

.element {
  color: var(--mega-teal);
  background-color: hsl(161 89% 48%);
  border-color: oklch(0.824 0.177 162.7);
}

Tailwind CSS v4

@theme {
  --color-mega-teal: #0ee8a3;
  --color-mega-teal-50: #c6ffe8;
  --color-mega-teal-100: #affbd9;
  --color-mega-teal-200: #86ecc1;
  --color-mega-teal-300: #47d4a0;
  --color-mega-teal-400: #00bd7f;
  --color-mega-teal-500: #00a862;
  --color-mega-teal-600: #008e53;
  --color-mega-teal-700: #007242;
  --color-mega-teal-800: #00542d;
  --color-mega-teal-900: #003a1e;
  --color-mega-teal-950: #00240e;
}

SCSS

$mega-teal: #0ee8a3;
$mega-teal-rgb: 14, 232, 163;
$mega-teal-light: mix(#fff, $mega-teal, 20%);
$mega-teal-dark: mix(#000, $mega-teal, 20%);

.element {
  color: $mega-teal;
  box-shadow: 0 0 0 2px rgba($mega-teal, 0.35);
}

비슷한 이름 색상

도구에서 열기

피커 조합 대비 검사기 Studio JSON API