Colore con nome · #655777
Regal Gown
Regal Gown è #655777: rgb(101 87 119), hsl(266 16% 40%), oklch(0.483 0.053 304.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Regal Gown color name →
#655777
oklch(0.483 0.053 304.4)
Conversioni di colore
- HEX
- #655777
- RGB
- rgb(101 87 119)
- HSL
- hsl(266 16% 40%)
- HWB
- hwb(266 34% 53%)
- OKLCH
- oklch(0.483 0.053 304.4)
- OKLab
- oklab(0.483 0.03 -0.044)
- CIE Lab
- lab(39.32 11.08 -16.08)
- LCH
- lch(39.32 19.52 304.6)
- CMYK
- cmyk(15% 27% 0% 53%)
Tinte · Ombre · Toni
Tinte
- 736684
- 827691
- 90869E
- 9F97AC
- AFA7B9
- BEB8C7
- CECAD5
- DEDBE3
- EFEDF1
Ombre
- 574B67
- 493E57
- 3C3347
- 2F2738
- 221C2A
- 17121C
- 0C0810
- 030305
- 000001
Toni
- 685B78
- 6A5F79
- 6D637A
- 70677B
- 726B7C
- 75707D
- 78747E
- 7A787E
- 7D7C7F
Armonie di colore
Complementare +180°
- 655777
Regal Gown
- 586442
≈ Gretna Green
Analogo -30° +30°
- 655777
Regal Gown
- 555C7D
≈ Deep Lavender
- 71536B
≈ Berry Conserve
Triadico +120° +240°
- 655777
Regal Gown
- 74583E
≈ Moroccan Blunt
- 396862
≈ Seiheki Green
Complementare divisa +150° +210°
- 655777
Regal Gown
- 685E3B
≈ Classic Olive
- 466751
≈ Green Perennial
Tetradico +90° +180° +270°
- 655777
Regal Gown
- 79544A
≈ Vandyck Brown
- 586442
≈ Gretna Green
- 386671
≈ Smock Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.59:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.18:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--regal-gown: #655777;
--regal-gown-rgb: 101 87 119;
--regal-gown-oklch: oklch(0.483 0.053 304.4);
}
.element {
color: var(--regal-gown);
background-color: hsl(266 16% 40%);
border-color: oklch(0.483 0.053 304.4);
}Tailwind CSS v4
@theme {
--color-regal-gown: #655777;
--color-regal-gown-50: #f9f2ff;
--color-regal-gown-100: #ece4f6;
--color-regal-gown-200: #dacfe7;
--color-regal-gown-300: #beb1cd;
--color-regal-gown-400: #a597b8;
--color-regal-gown-500: #8e7ea3;
--color-regal-gown-600: #786a8a;
--color-regal-gown-700: #60556e;
--color-regal-gown-800: #463e52;
--color-regal-gown-900: #302b39;
--color-regal-gown-950: #1d1823;
}SCSS
$regal-gown: #655777;
$regal-gown-rgb: 101, 87, 119;
$regal-gown-light: mix(#fff, $regal-gown, 20%);
$regal-gown-dark: mix(#000, $regal-gown, 20%);
.element {
color: $regal-gown;
box-shadow: 0 0 0 2px rgba($regal-gown, 0.35);
}