이름 색상 · #537E7E

Nickel Ore Green

Nickel Ore Green은(는) #537E7E: rgb(83 126 126), hsl(180 21% 41%), oklch(0.562 0.047 195.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Teal mean? → · Nickel Ore Green color name →

#537E7E

oklch(0.562 0.047 195.9)

색상 변환

HEX: #537e7e
RGB: rgb(83 126 126)
HSL: hsl(180 21% 41%)
HWB: hwb(180 33% 51%)
OKLCH: oklch(0.562 0.047 195.9)
OKLab: oklab(0.562 -0.046 -0.013)
CIE Lab: lab(49.67 -15.41 -5)
LCH: lch(49.67 16.2 198)
CMYK: cmyk(34% 0% 0% 51%)

틴트 · 셰이드 · 톤

틴트

648A8A
749796
85A3A3
96B0B0
A7BDBC
B8CAC9
CAD7D7
DBE4E4
EDF1F1

셰이드

476D6D
3B5C5C
304C4C
253C3C
1B2D2D
111F1F
081111
020505
000101

톤

587E7E
5D7F7E
627F7F
667F7F
6B7F7F
6F7F7F
74807F
788080
7C8080

색 조화

보색 +180°

537E7E
Nickel Ore Green
8F6A6C
≈ Mauve-a-Lish

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 4.51:1 · APCA Lc 71

검은색 위

WCAG 4.65:1 · APCA Lc 30

가장 좋은 글자색: #000000

WCAG 4.65:1 (AA) · APCA Lc 30

Contrast pairs

코드 스니펫

CSS

:root {
  --nickel-ore-green: #537e7e;
  --nickel-ore-green-rgb: 83 126 126;
  --nickel-ore-green-oklch: oklch(0.562 0.047 195.9);
}

.element {
  color: var(--nickel-ore-green);
  background-color: hsl(180 21% 41%);
  border-color: oklch(0.562 0.047 195.9);
}

Tailwind CSS v4

@theme {
  --color-nickel-ore-green: #537e7e;
  --color-nickel-ore-green-50: #e6fafa;
  --color-nickel-ore-green-100: #d7eded;
  --color-nickel-ore-green-200: #bedbdb;
  --color-nickel-ore-green-300: #9cbfc0;
  --color-nickel-ore-green-400: #7ea8a7;
  --color-nickel-ore-green-500: #609090;
  --color-nickel-ore-green-600: #527a7a;
  --color-nickel-ore-green-700: #416262;
  --color-nickel-ore-green-800: #2f4847;
  --color-nickel-ore-green-900: #203231;
  --color-nickel-ore-green-950: #0f1e1d;
}

SCSS

$nickel-ore-green: #537e7e;
$nickel-ore-green-rgb: 83, 126, 126;
$nickel-ore-green-light: mix(#fff, $nickel-ore-green, 20%);
$nickel-ore-green-dark: mix(#000, $nickel-ore-green, 20%);

.element {
  color: $nickel-ore-green;
  box-shadow: 0 0 0 2px rgba($nickel-ore-green, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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