Colore con nome più vicino · #9265A9
#9265A9
Colore con nome più vicino: Crown Jewels
#9265A9 (rgb(146 101 169), hsl(280 28% 53%), oklch(0.58 0.112 313.6)) è più vicino al colore con nome Crown Jewels. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9265A9
oklch(0.58 0.112 313.6)
Conversioni di colore
- HEX
- #9265a9
- RGB
- rgb(146 101 169)
- HSL
- hsl(280 28% 53%)
- HWB
- hwb(280 40% 34%)
- OKLCH
- oklch(0.58 0.112 313.6)
- OKLab
- oklab(0.58 0.078 -0.081)
- CIE Lab
- lab(49.65 28.09 -29.55)
- LCH
- lch(49.65 40.77 313.6)
- CMYK
- cmyk(14% 40% 0% 34%)
Tinte · Ombre · Toni
Tinte
- 9D74B2
- A783BB
- B292C3
- BDA1CC
- C8B0D5
- D3C0DD
- DECFE6
- E9DFEE
- F4EFF7
Ombre
- 7E5792
- 6B497C
- 583C67
- 462F53
- 35223F
- 25172C
- 160C1B
- 08030A
- 010001
Toni
- 9068A5
- 8F6BA1
- 8D6E9D
- 8B7199
- 897495
- 887691
- 86798D
- 847B89
- 827E84
Armonie di colore
Complementare +180°
- 9265A9
Crown Jewels
- 5E8840
≈ Shepherd’s Green
Analogo -30° +30°
- 9265A9
Crown Jewels
- 7270BA
≈ Purple Toolbox
- A85D8B
≈ Cyclamen Red
Triadico +120° +240°
- 9265A9
Crown Jewels
- A26F1D
≈ Golden Hind
- 008C8B
≈ Marrs Green
Complementare divisa +150° +210°
- 9265A9
Crown Jewels
- 867D1C
≈ Olive
- 248F68
≈ Viridian
Tetradico +90° +180° +270°
- 9265A9
Crown Jewels
- B16240
≈ Georgia Clay
- 5E8840
≈ Shepherd’s Green
- 0087A9
≈ Hacienda Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.65:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--crown-jewels: #9265a9;
--crown-jewels-rgb: 146 101 169;
--crown-jewels-oklch: oklch(0.58 0.112 313.6);
}
.element {
color: var(--crown-jewels);
background-color: hsl(280 28% 53%);
border-color: oklch(0.58 0.112 313.6);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #9265a9;
--color-crown-jewels-50: #ffecff;
--color-crown-jewels-100: #f7ddff;
--color-crown-jewels-200: #e7c6f5;
--color-crown-jewels-300: #cea6df;
--color-crown-jewels-400: #b68acd;
--color-crown-jewels-500: #a16eba;
--color-crown-jewels-600: #885e9d;
--color-crown-jewels-700: #6d4b7e;
--color-crown-jewels-800: #4f365f;
--color-crown-jewels-900: #372542;
--color-crown-jewels-950: #22132b;
}SCSS
$crown-jewels: #9265a9;
$crown-jewels-rgb: 146, 101, 169;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}