이름 색상 · #415053

Lunar Eclipse

Lunar Eclipse은(는) #415053: rgb(65 80 83), hsl(190 12% 29%), oklch(0.419 0.02 211.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Lunar Eclipse color name →

#415053

oklch(0.419 0.02 211.1)

색상 변환

HEX: #415053
RGB: rgb(65 80 83)
HSL: hsl(190 12% 29%)
HWB: hwb(190 25% 67%)
OKLCH: oklch(0.419 0.02 211.1)
OKLab: oklab(0.419 -0.017 -0.01)
CIE Lab: lab(32.81 -5.54 -3.84)
LCH: lch(32.81 6.74 214.7)
CMYK: cmyk(22% 4% 0% 67%)

틴트 · 셰이드 · 톤

틴트

526063
637073
758183
889294
9BA3A5
AEB5B6
C2C7C8
D6D9DA
EAECEC

셰이드

374447
2E393B
252E30
1C2425
131A1B
0B1011
050708
010202
000000

톤

475557
4D595C
535E60
5A6365
606869
666C6E
6D7172
737677
797B7B

색 조화

보색 +180°

415053
Lunar Eclipse
574946
≈ Molasses

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 8.40:1 · APCA Lc 89

AAA

검은색 위

WCAG 2.49:1 · APCA Lc 13

Fail

가장 좋은 글자색: #FFFFFF

WCAG 8.40:1 (AAA) · APCA Lc 89

Contrast pairs

코드 스니펫

CSS

:root {
  --lunar-eclipse: #415053;
  --lunar-eclipse-rgb: 65 80 83;
  --lunar-eclipse-oklch: oklch(0.419 0.02 211.1);
}

.element {
  color: var(--lunar-eclipse);
  background-color: hsl(190 12% 29%);
  border-color: oklch(0.419 0.02 211.1);
}

Tailwind CSS v4

@theme {
  --color-lunar-eclipse: #415053;
  --color-lunar-eclipse-50: #eff7f8;
  --color-lunar-eclipse-100: #e1eaec;
  --color-lunar-eclipse-200: #cbd7d9;
  --color-lunar-eclipse-300: #adbabd;
  --color-lunar-eclipse-400: #92a2a5;
  --color-lunar-eclipse-500: #788a8e;
  --color-lunar-eclipse-600: #667578;
  --color-lunar-eclipse-700: #515d60;
  --color-lunar-eclipse-800: #3b4446;
  --color-lunar-eclipse-900: #282f30;
  --color-lunar-eclipse-950: #161c1d;
}

SCSS

$lunar-eclipse: #415053;
$lunar-eclipse-rgb: 65, 80, 83;
$lunar-eclipse-light: mix(#fff, $lunar-eclipse, 20%);
$lunar-eclipse-dark: mix(#000, $lunar-eclipse, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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