이름 색상 · #41373A

Void Wellness Coach

Void Wellness Coach은(는) #41373A: rgb(65 55 58), hsl(342 8% 24%), oklch(0.348 0.015 357.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Void Wellness Coach color name →

#41373A

oklch(0.348 0.015 357.9)

색상 변환

HEX: #41373a
RGB: rgb(65 55 58)
HSL: hsl(342 8% 24%)
HWB: hwb(342 22% 75%)
OKLCH: oklch(0.348 0.015 357.9)
OKLab: oklab(0.348 0.015 -0.001)
CIE Lab: lab(24.23 5.02 -0.16)
LCH: lch(24.23 5.02 358.2)
CMYK: cmyk(0% 15% 11% 75%)

틴트 · 셰이드 · 톤

틴트

52484B
635B5D
756D70
888183
9B9596
AEA9AA
C2BEBF
D6D3D4
EAE9E9

셰이드

372E31
2E2628
251E20
1C1618
130F10
0B0809
050304
010101
000000

톤

473E41
4D4547
534C4E
595355
605A5C
666263
6C696A
737171
797879

색 조화

보색 +180°

41373A
Void Wellness Coach
323D3A
≈ Edge of the Galaxy

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 11.46:1 · APCA Lc 96

AAA

검은색 위

WCAG 1.83:1 · APCA Lc 0

Fail

가장 좋은 글자색: #FFFFFF

WCAG 11.46:1 (AAA) · APCA Lc 96

Contrast pairs

코드 스니펫

CSS

:root {
  --void-wellness-coach: #41373a;
  --void-wellness-coach-rgb: 65 55 58;
  --void-wellness-coach-oklch: oklch(0.348 0.015 357.9);
}

.element {
  color: var(--void-wellness-coach);
  background-color: hsl(342 8% 24%);
  border-color: oklch(0.348 0.015 357.9);
}

Tailwind CSS v4

@theme {
  --color-void-wellness-coach: #41373a;
  --color-void-wellness-coach-50: #f9f3f5;
  --color-void-wellness-coach-100: #ece6e7;
  --color-void-wellness-coach-200: #dad2d4;
  --color-void-wellness-coach-300: #beb4b7;
  --color-void-wellness-coach-400: #a69b9e;
  --color-void-wellness-coach-500: #8f8286;
  --color-void-wellness-coach-600: #796e71;
  --color-void-wellness-coach-700: #61585b;
  --color-void-wellness-coach-800: #474042;
  --color-void-wellness-coach-900: #312c2e;
  --color-void-wellness-coach-950: #1d191b;
}

SCSS

$void-wellness-coach: #41373a;
$void-wellness-coach-rgb: 65, 55, 58;
$void-wellness-coach-light: mix(#fff, $void-wellness-coach, 20%);
$void-wellness-coach-dark: mix(#000, $void-wellness-coach, 20%);

.element {
  color: $void-wellness-coach;
  box-shadow: 0 0 0 2px rgba($void-wellness-coach, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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