Nazwany kolor · #715A8D
Emperor Jewel
Emperor Jewel to #715A8D: rgb(113 90 141), hsl(267 22% 45%), oklch(0.511 0.083 304.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Emperor Jewel color name →
#715A8D
oklch(0.511 0.083 304.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7E6998
- 8C79A4
- 9989AF
- A799BA
- B5AAC6
- C4BAD1
- D2CBDC
- E1DCE8
- F0EDF3
Odcienie ciemniejsze
- 614D7A
- 524167
- 433555
- 352944
- 271E33
- 1A1323
- 0E0914
- 040307
- 010001
Tony
- 725E8C
- 74628B
- 75668A
- 776A89
- 786D87
- 7A7186
- 7B7585
- 7D7983
- 7E7C82
Harmonie kolorów
Komplementarna +180°
- 715A8D
Emperor Jewel
- 5C6F37
≈ Russian Uniform
Analogowa -30° +30°
- 715A8D
Emperor Jewel
- 586296
≈ Breathtaking
- 83547A
≈ Purple Davenport
Triada +120° +240°
- 715A8D
Emperor Jewel
- 875C2F
≈ Treacle
- 1A766C
≈ Mermaid Harbour
Komplementarna rozszczepiona +150° +210°
- 715A8D
Emperor Jewel
- 766528
≈ Brazen Brass
- 3C7451
≈ Parsley Sprig
Tetrada +90° +180° +270°
- 715A8D
Emperor Jewel
- 905446
≈ Prairie Clay
- 5C6F37
≈ Russian Uniform
- 197284
≈ Glamour Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.91:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.54:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.91:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}