이름 색상 · #644982

Violet Majesty

Violet Majesty은(는) #644982: rgb(100 73 130), hsl(268 28% 40%), oklch(0.459 0.095 304.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Purple mean? → · Violet Majesty color name →

#644982

oklch(0.459 0.095 304.8)

색상 변환

HEX: #644982
RGB: rgb(100 73 130)
HSL: hsl(268 28% 40%)
HWB: hwb(268 29% 49%)
OKLCH: oklch(0.459 0.095 304.8)
OKLab: oklab(0.459 0.054 -0.078)
CIE Lab: lab(35.92 21.02 -28.07)
LCH: lch(35.92 35.07 306.8)
CMYK: cmyk(23% 44% 0% 49%)

틴트 · 셰이드 · 톤

틴트

725A8E
816B9B
907DA7
9F8FB4
AEA1C0
BEB3CD
CEC6D9
DED8E6
EEECF2

셰이드

563E70
48345F
3B2A4E
2E203E
22172F
160E20
0B0612
030206
000001

톤

674F82
695482
6C5A82
6F6082
726582
756A82
777082
7A7581
7D7B81

색 조화

보색 +180°

644982
Violet Majesty
4C611E
≈ Camouflage Green

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 7.45:1 · APCA Lc 86

AAA

검은색 위

WCAG 2.81:1 · APCA Lc 16

Fail

가장 좋은 글자색: #FFFFFF

WCAG 7.45:1 (AAA) · APCA Lc 86

Contrast pairs

코드 스니펫

CSS

:root {
  --violet-majesty: #644982;
  --violet-majesty-rgb: 100 73 130;
  --violet-majesty-oklch: oklch(0.459 0.095 304.8);
}

.element {
  color: var(--violet-majesty);
  background-color: hsl(268 28% 40%);
  border-color: oklch(0.459 0.095 304.8);
}

Tailwind CSS v4

@theme {
  --color-violet-majesty: #644982;
  --color-violet-majesty-50: #fcefff;
  --color-violet-majesty-100: #f0e0ff;
  --color-violet-majesty-200: #dfcaf5;
  --color-violet-majesty-300: #c4abde;
  --color-violet-majesty-400: #ab90cc;
  --color-violet-majesty-500: #9576b9;
  --color-violet-majesty-600: #7e649c;
  --color-violet-majesty-700: #65507d;
  --color-violet-majesty-800: #493a5d;
  --color-violet-majesty-900: #322841;
  --color-violet-majesty-950: #1e162a;
}

SCSS

$violet-majesty: #644982;
$violet-majesty-rgb: 100, 73, 130;
$violet-majesty-light: mix(#fff, $violet-majesty, 20%);
$violet-majesty-dark: mix(#000, $violet-majesty, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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