이름 색상 · #6EC9A3

Minted Elegance

Minted Elegance은(는) #6EC9A3: rgb(110 201 163), hsl(155 46% 61%), oklch(0.769 0.104 164.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Minted Elegance color name →

#6EC9A3

oklch(0.769 0.104 164.8)

색상 변환

HEX: #6ec9a3
RGB: rgb(110 201 163)
HSL: hsl(155 46% 61%)
HWB: hwb(155 43% 21%)
OKLCH: oklch(0.769 0.104 164.8)
OKLab: oklab(0.769 -0.101 0.027)
CIE Lab: lab(74.55 -35.21 10.2)
LCH: lch(74.55 36.66 163.8)
CMYK: cmyk(45% 0% 19% 21%)

틴트 · 셰이드 · 톤

틴트

7ECFAC
8ED4B5
9DDABE
ACDFC7
BAE4D0
C8EAD9
D6EFE3
E4F4EC
F1FAF6

셰이드

5FAE8D
509578
417C63
33644F
264C3C
19362A
0E2219
040F0A
010201

톤

72C29F
75BA9C
78B398
7AAC95
7CA491
7D9D8E
7E968A
7F8E87
808783

색 조화

보색 +180°

6EC9A3
Minted Elegance
E499C3
≈ Sultan of Pink

유사색 -30° +30°

6EC9A3
Minted Elegance
97C37F
≈ Picnic
54C9C8
≈ Rapids

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.99:1 · APCA Lc 38

Fail

검은색 위

WCAG 10.54:1 · APCA Lc 64

AAA

가장 좋은 글자색: #000000

WCAG 10.54:1 (AAA) · APCA Lc 64

Contrast pairs

코드 스니펫

CSS

:root {
  --minted-elegance: #6ec9a3;
  --minted-elegance-rgb: 110 201 163;
  --minted-elegance-oklch: oklch(0.769 0.104 164.8);
}

.element {
  color: var(--minted-elegance);
  background-color: hsl(155 46% 61%);
  border-color: oklch(0.769 0.104 164.8);
}

Tailwind CSS v4

@theme {
  --color-minted-elegance: #6ec9a3;
  --color-minted-elegance-50: #daffef;
  --color-minted-elegance-100: #c8f4e0;
  --color-minted-elegance-200: #aae3cb;
  --color-minted-elegance-300: #81c9ac;
  --color-minted-elegance-400: #5db28f;
  --color-minted-elegance-500: #2e9c74;
  --color-minted-elegance-600: #2a8463;
  --color-minted-elegance-700: #21694f;
  --color-minted-elegance-800: #184d38;
  --color-minted-elegance-900: #103626;
  --color-minted-elegance-950: #022114;
}

SCSS

$minted-elegance: #6ec9a3;
$minted-elegance-rgb: 110, 201, 163;
$minted-elegance-light: mix(#fff, $minted-elegance, 20%);
$minted-elegance-dark: mix(#000, $minted-elegance, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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