Nazwany kolor · #604E7A
Imperial Palace
Imperial Palace to #604E7A: rgb(96 78 122), hsl(265 22% 39%), oklch(0.461 0.073 302.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Imperial Palace color name →
#604E7A
oklch(0.461 0.073 302.4)
Konwersje koloru
- HEX
- #604e7a
- RGB
- rgb(96 78 122)
- HSL
- hsl(265 22% 39%)
- HWB
- hwb(265 31% 52%)
- OKLCH
- oklch(0.461 0.073 302.4)
- OKLab
- oklab(0.461 0.039 -0.062)
- CIE Lab
- lab(36.45 15.08 -22.36)
- LCH
- lch(36.45 26.97 304)
- CMYK
- cmyk(21% 36% 0% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E5E87
- 7D6F94
- 8D80A1
- 9C91AE
- ACA3BB
- BCB5C9
- CCC7D6
- DDD9E4
- EEECF1
Odcienie ciemniejsze
- 524369
- 453859
- 382D49
- 2C233A
- 20192B
- 150F1D
- 0A0710
- 030205
- 000001
Tony
- 63537B
- 66587C
- 695D7C
- 6D627D
- 70677E
- 736C7E
- 76717F
- 79767F
- 7D7B80
Harmonie kolorów
Komplementarna +180°
- 604E7A
Imperial Palace
- 515F2F
≈ Basil Green
Analogowa -30° +30°
- 604E7A
Imperial Palace
- 4A5581
≈ Mozart
- 70496A
≈ Old Fashioned Purple
Triada +120° +240°
- 604E7A
Imperial Palace
- 754F2A
≈ Chocolate Rain
- 1A655C
≈ Humboldt Redwoods
Komplementarna rozszczepiona +150° +210°
- 604E7A
Imperial Palace
- 675723
≈ Fir Green
- 366444
≈ Forest Serenade
Tetrada +90° +180° +270°
- 604E7A
Imperial Palace
- 7C483E
≈ Fire Roasted
- 515F2F
≈ Basil Green
- 176370
≈ Seamount
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.32:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.86:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--imperial-palace: #604e7a;
--imperial-palace-rgb: 96 78 122;
--imperial-palace-oklch: oklch(0.461 0.073 302.4);
}
.element {
color: var(--imperial-palace);
background-color: hsl(265 22% 39%);
border-color: oklch(0.461 0.073 302.4);
}Tailwind CSS v4
@theme {
--color-imperial-palace: #604e7a;
--color-imperial-palace-50: #faf0ff;
--color-imperial-palace-100: #ede2fc;
--color-imperial-palace-200: #dbcdee;
--color-imperial-palace-300: #bfafd6;
--color-imperial-palace-400: #a694c3;
--color-imperial-palace-500: #8f7baf;
--color-imperial-palace-600: #796893;
--color-imperial-palace-700: #615376;
--color-imperial-palace-800: #463d58;
--color-imperial-palace-900: #312a3d;
--color-imperial-palace-950: #1d1727;
}SCSS
$imperial-palace: #604e7a;
$imperial-palace-rgb: 96, 78, 122;
$imperial-palace-light: mix(#fff, $imperial-palace, 20%);
$imperial-palace-dark: mix(#000, $imperial-palace, 20%);
.element {
color: $imperial-palace;
box-shadow: 0 0 0 2px rgba($imperial-palace, 0.35);
}