이름 색상 · #00FFE5

Vibrant Mint

Vibrant Mint은(는) #00FFE5: rgb(0 255 229), hsl(174 100% 50%), oklch(0.897 0.161 182). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Teal mean? → · Vibrant Mint color name →

#00FFE5

oklch(0.897 0.161 182)

색상 변환

HEX: #00ffe5
RGB: rgb(0 255 229)
HSL: hsl(174 100% 50%)
HWB: hwb(174 0% 0%)
OKLCH: oklch(0.897 0.161 182)
OKLab: oklab(0.897 -0.161 -0.005)
CIE Lab: lab(90.06 -56.21 -2.47)
LCH: lch(90.06 56.27 182.5)
CMYK: cmyk(100% 0% 10% 0%)

틴트 · 셰이드 · 톤

틴트

4FFFE8
70FFEA
89FFED
9EFFEF
B1FFF2
C2FFF5
D2FFF7
E2FFFA
F1FFFC

셰이드

00DEC7
00BEAA
009E8E
008072
006358
00483F
002E28
001612
000303

톤

3AF2DA
50E5D0
5ED8C6
68CBBB
70BEB1
76B2A7
7AA59D
7D9993
7F8C8A

색 조화

보색 +180°

00FFE5
Vibrant Mint
FFCEDA
≈ Bologna Sausage

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.27:1 · APCA Lc 13

Fail

검은색 위

WCAG 16.43:1 · APCA Lc 91

AAA

가장 좋은 글자색: #000000

WCAG 16.43:1 (AAA) · APCA Lc 91

Contrast pairs

코드 스니펫

CSS

:root {
  --vibrant-mint: #00ffe5;
  --vibrant-mint-rgb: 0 255 229;
  --vibrant-mint-oklch: oklch(0.897 0.161 182);
}

.element {
  color: var(--vibrant-mint);
  background-color: hsl(174 100% 50%);
  border-color: oklch(0.897 0.161 182);
}

Tailwind CSS v4

@theme {
  --color-vibrant-mint: #00ffe5;
  --color-vibrant-mint-50: #c2fffa;
  --color-vibrant-mint-100: #aafaee;
  --color-vibrant-mint-200: #7debdc;
  --color-vibrant-mint-300: #31d2c0;
  --color-vibrant-mint-400: #00bca5;
  --color-vibrant-mint-500: #00a68e;
  --color-vibrant-mint-600: #008c78;
  --color-vibrant-mint-700: #007060;
  --color-vibrant-mint-800: #005344;
  --color-vibrant-mint-900: #003a2f;
  --color-vibrant-mint-950: #00241c;
}

SCSS

$vibrant-mint: #00ffe5;
$vibrant-mint-rgb: 0, 255, 229;
$vibrant-mint-light: mix(#fff, $vibrant-mint, 20%);
$vibrant-mint-dark: mix(#000, $vibrant-mint, 20%);

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

비슷한 이름 색상

도구에서 열기

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