Colore con nome · #472557
Queen’s Domain
Queen’s Domain è #472557: rgb(71 37 87), hsl(281 40% 24%), oklch(0.333 0.093 313.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Queen’s Domain color name →
#472557
oklch(0.333 0.093 313.8)
Conversioni di colore
- HEX
- #472557
- RGB
- rgb(71 37 87)
- HSL
- hsl(281 40% 24%)
- HWB
- hwb(281 15% 66%)
- OKLCH
- oklch(0.333 0.093 313.8)
- OKLab
- oklab(0.333 0.064 -0.067)
- CIE Lab
- lab(21.23 23.76 -24)
- LCH
- lch(21.23 33.77 314.7)
- CMYK
- cmyk(18% 57% 0% 66%)
Tinte · Ombre · Toni
Tinte
- 583967
- 694D77
- 7A6287
- 8C7798
- 9F8CA9
- B1A2B9
- C4B9CB
- D8D0DC
- EBE7ED
Ombre
- 3D1F4B
- 32193E
- 281333
- 1F0D27
- 16081C
- 0D0412
- 060208
- 020003
- 000000
Toni
- 4D2E5B
- 523760
- 584064
- 5E4968
- 63526C
- 695B70
- 6F6474
- 746E78
- 7A777C
Armonie di colore
Complementare +180°
- 472557
Queen’s Domain
- 214003
≈ Forest Green
Analogo -30° +30°
- 472557
Queen’s Domain
- 322D63
≈ Galaxea
- 551F42
≈ Tulip Poplar Purple
Triadico +120° +240°
- 472557
Queen’s Domain
- 4B3000
≈ Kyoto House
- 003F3F
≈ Rich Black
Complementare divisa +150° +210°
- 472557
Queen’s Domain
- 3D3700
≈ Camouflage
- 00412C
≈ UP Forest Green
Tetradico +90° +180° +270°
- 472557
Queen’s Domain
- 5B2204
≈ Conker Brown
- 214003
≈ Forest Green
- 003D4E
≈ Duskwood
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.57:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.67:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.57:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--queen-s-domain: #472557;
--queen-s-domain-rgb: 71 37 87;
--queen-s-domain-oklch: oklch(0.333 0.093 313.8);
}
.element {
color: var(--queen-s-domain);
background-color: hsl(281 40% 24%);
border-color: oklch(0.333 0.093 313.8);
}Tailwind CSS v4
@theme {
--color-queen-s-domain: #472557;
--color-queen-s-domain-50: #ffeeff;
--color-queen-s-domain-100: #f4dffd;
--color-queen-s-domain-200: #e4c9f0;
--color-queen-s-domain-300: #caa9d8;
--color-queen-s-domain-400: #b28ec5;
--color-queen-s-domain-500: #9c73b1;
--color-queen-s-domain-600: #846296;
--color-queen-s-domain-700: #6a4e78;
--color-queen-s-domain-800: #4d395a;
--color-queen-s-domain-900: #36273f;
--color-queen-s-domain-950: #211528;
}SCSS
$queen-s-domain: #472557;
$queen-s-domain-rgb: 71, 37, 87;
$queen-s-domain-light: mix(#fff, $queen-s-domain, 20%);
$queen-s-domain-dark: mix(#000, $queen-s-domain, 20%);
.element {
color: $queen-s-domain;
box-shadow: 0 0 0 2px rgba($queen-s-domain, 0.35);
}