이름 색상 · #715A8D

Emperor Jewel

Emperor Jewel은(는) #715A8D: rgb(113 90 141), hsl(267 22% 45%), oklch(0.511 0.083 304.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Purple mean? → · Emperor Jewel color name →

#715A8D

oklch(0.511 0.083 304.3)

색상 변환

HEX: #715a8d
RGB: rgb(113 90 141)
HSL: hsl(267 22% 45%)
HWB: hwb(267 35% 45%)
OKLCH: oklch(0.511 0.083 304.3)
OKLab: oklab(0.511 0.047 -0.068)
CIE Lab: lab(42.18 17.82 -24.89)
LCH: lch(42.18 30.61 305.6)
CMYK: cmyk(20% 36% 0% 45%)

틴트 · 셰이드 · 톤

틴트

7E6998
8C79A4
9989AF
A799BA
B5AAC6
C4BAD1
D2CBDC
E1DCE8
F0EDF3

셰이드

614D7A
524167
433555
352944
271E33
1A1323
0E0914
040307
010001

톤

725E8C
74628B
75668A
776A89
786D87
7A7186
7B7585
7D7983
7E7C82

색 조화

보색 +180°

715A8D
Emperor Jewel
5C6F37
≈ Russian Uniform

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 5.91:1 · APCA Lc 80

검은색 위

WCAG 3.54:1 · APCA Lc 22

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.91:1 (AA) · APCA Lc 80

Contrast pairs

코드 스니펫

CSS

:root {
  --emperor-jewel: #715a8d;
  --emperor-jewel-rgb: 113 90 141;
  --emperor-jewel-oklch: oklch(0.511 0.083 304.3);
}

.element {
  color: var(--emperor-jewel);
  background-color: hsl(267 22% 45%);
  border-color: oklch(0.511 0.083 304.3);
}

Tailwind CSS v4

@theme {
  --color-emperor-jewel: #715a8d;
  --color-emperor-jewel-50: #fbf0ff;
  --color-emperor-jewel-100: #efe1fe;
  --color-emperor-jewel-200: #ddccf1;
  --color-emperor-jewel-300: #c2add9;
  --color-emperor-jewel-400: #a992c7;
  --color-emperor-jewel-500: #9278b3;
  --color-emperor-jewel-600: #7c6697;
  --color-emperor-jewel-700: #635179;
  --color-emperor-jewel-800: #483b5a;
  --color-emperor-jewel-900: #32293f;
  --color-emperor-jewel-950: #1e1628;
}

SCSS

$emperor-jewel: #715a8d;
$emperor-jewel-rgb: 113, 90, 141;
$emperor-jewel-light: mix(#fff, $emperor-jewel, 20%);
$emperor-jewel-dark: mix(#000, $emperor-jewel, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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