이름 색상 · #30525B

Encore Teal

Encore Teal은(는) #30525B: rgb(48 82 91), hsl(193 31% 27%), oklch(0.416 0.042 216.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Cyan mean? → · Encore Teal color name →

#30525B

oklch(0.416 0.042 216.5)

색상 변환

HEX: #30525b
RGB: rgb(48 82 91)
HSL: hsl(193 31% 27%)
HWB: hwb(193 19% 64%)
OKLCH: oklch(0.416 0.042 216.5)
OKLab: oklab(0.416 -0.034 -0.025)
CIE Lab: lab(32.57 -10.83 -9.39)
LCH: lch(32.57 14.34 220.9)
CMYK: cmyk(47% 10% 0% 64%)

틴트 · 셰이드 · 톤

틴트

43626A
577279
6A8289
7E9399
93A5A9
A8B6BA
BDC8CB
D3DADC
E9ECED

셰이드

28464E
213B41
1A2F35
132529
0C1A1E
061113
030809
010203
000000

톤

38575F
415B62
496066
51646A
58696D
606D71
687275
707779
787B7C

색 조화

보색 +180°

30525B
Encore Teal
61443C
≈ Death by Chocolate

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 8.45:1 · APCA Lc 89

AAA

검은색 위

WCAG 2.48:1 · APCA Lc 13

Fail

가장 좋은 글자색: #FFFFFF

WCAG 8.45:1 (AAA) · APCA Lc 89

Contrast pairs

코드 스니펫

CSS

:root {
  --encore-teal: #30525b;
  --encore-teal-rgb: 48 82 91;
  --encore-teal-oklch: oklch(0.416 0.042 216.5);
}

.element {
  color: var(--encore-teal);
  background-color: hsl(193 31% 27%);
  border-color: oklch(0.416 0.042 216.5);
}

Tailwind CSS v4

@theme {
  --color-encore-teal: #30525b;
  --color-encore-teal-50: #e9f8fd;
  --color-encore-teal-100: #d9ecf1;
  --color-encore-teal-200: #c1d9e0;
  --color-encore-teal-300: #a0bdc6;
  --color-encore-teal-400: #83a5af;
  --color-encore-teal-500: #668e98;
  --color-encore-teal-600: #577881;
  --color-encore-teal-700: #456067;
  --color-encore-teal-800: #31464b;
  --color-encore-teal-900: #223134;
  --color-encore-teal-950: #111d20;
}

SCSS

$encore-teal: #30525b;
$encore-teal-rgb: 48, 82, 91;
$encore-teal-light: mix(#fff, $encore-teal, 20%);
$encore-teal-dark: mix(#000, $encore-teal, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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