이름 색상 · #834370

Club Mauve

Club Mauve은(는) #834370: rgb(131 67 112), hsl(318 32% 39%), oklch(0.478 0.106 339.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Club Mauve color name →

#834370

oklch(0.478 0.106 339.6)

색상 변환

HEX: #834370
RGB: rgb(131 67 112)
HSL: hsl(318 32% 39%)
HWB: hwb(318 26% 49%)
OKLCH: oklch(0.478 0.106 339.6)
OKLab: oklab(0.478 0.099 -0.037)
CIE Lab: lab(37.94 32.62 -13.42)
LCH: lch(37.94 35.27 337.6)
CMYK: cmyk(0% 49% 15% 49%)

틴트 · 셰이드 · 톤

틴트

90557D
9D678B
A97999
B68BA7
C29EB5
CEB1C4
DBC4D2
E7D7E1
F3EBF0

셰이드

713960
602F51
4F2643
3F1D35
2F1427
200C1A
12050E
060104
010001

톤

834A72
845073
845675
845D77
846378
83697A
836E7B
82747D
817A7F

색 조화

보색 +180°

834370
Club Mauve
0A6F47
≈ So-Sari

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 6.99:1 · APCA Lc 84

검은색 위

WCAG 3.00:1 · APCA Lc 18

Fail

가장 좋은 글자색: #FFFFFF

WCAG 6.99:1 (AA) · APCA Lc 84

Contrast pairs

코드 스니펫

CSS

:root {
  --club-mauve: #834370;
  --club-mauve-rgb: 131 67 112;
  --club-mauve-oklch: oklch(0.478 0.106 339.6);
}

.element {
  color: var(--club-mauve);
  background-color: hsl(318 32% 39%);
  border-color: oklch(0.478 0.106 339.6);
}

Tailwind CSS v4

@theme {
  --color-club-mauve: #834370;
  --color-club-mauve-50: #ffeafe;
  --color-club-mauve-100: #ffdbf2;
  --color-club-mauve-200: #f5c3e1;
  --color-club-mauve-300: #dea2c7;
  --color-club-mauve-400: #c886b3;
  --color-club-mauve-500: #b4699d;
  --color-club-mauve-600: #985984;
  --color-club-mauve-700: #7a476a;
  --color-club-mauve-800: #5a334f;
  --color-club-mauve-900: #3f2337;
  --color-club-mauve-950: #281222;
}

SCSS

$club-mauve: #834370;
$club-mauve-rgb: 131, 67, 112;
$club-mauve-light: mix(#fff, $club-mauve, 20%);
$club-mauve-dark: mix(#000, $club-mauve, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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