Colore con nome · #A282A9
Regal Orchid
Regal Orchid è #A282A9: rgb(162 130 169), hsl(289 18% 59%), oklch(0.65 0.068 320.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Regal Orchid color name →
#A282A9
oklch(0.65 0.068 320.2)
Conversioni di colore
- HEX
- #a282a9
- RGB
- rgb(162 130 169)
- HSL
- hsl(289 18% 59%)
- HWB
- hwb(289 51% 34%)
- OKLCH
- oklch(0.65 0.068 320.2)
- OKLab
- oklab(0.65 0.052 -0.043)
- CIE Lab
- lab(58.46 17.97 -15.94)
- LCH
- lch(58.46 24.02 318.4)
- CMYK
- cmyk(4% 23% 0% 34%)
Tinte · Ombre · Toni
Tinte
- AB8EB1
- B49ABA
- BDA6C2
- C7B3CB
- D0BFD4
- D9CCDC
- E3D8E5
- ECE5EE
- F5F2F6
Ombre
- 8C7092
- 775F7C
- 634E67
- 4F3E53
- 3C2F3F
- 2A202C
- 19121B
- 0A060A
- 010101
Toni
- 9F82A5
- 9B82A1
- 98829D
- 958299
- 918195
- 8E8190
- 8A818C
- 878188
- 838084
Armonie di colore
Complementare +180°
- A282A9
Regal Orchid
- 799A72
≈ Horenso Green
Analogo -30° +30°
- A282A9
Regal Orchid
- 8E88B6
≈ Silk Lilac
- B07E95
≈ Heather Violet
Triadico +120° +240°
- A282A9
Regal Orchid
- A58B5F
≈ Garden Salt Green
- 5A9CA0
≈ Hydroport
Complementare divisa +150° +210°
- A282A9
Regal Orchid
- 919363
≈ Green Cast
- 649D89
≈ Scotch Lassie
Tetradico +90° +180° +270°
- A282A9
Regal Orchid
- B1836A
≈ Cider Spice
- 799A72
≈ Horenso Green
- 6397B1
≈ Shirt Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.33:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.30:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--regal-orchid: #a282a9;
--regal-orchid-rgb: 162 130 169;
--regal-orchid-oklch: oklch(0.65 0.068 320.2);
}
.element {
color: var(--regal-orchid);
background-color: hsl(289 18% 59%);
border-color: oklch(0.65 0.068 320.2);
}Tailwind CSS v4
@theme {
--color-regal-orchid: #a282a9;
--color-regal-orchid-50: #ffefff;
--color-regal-orchid-100: #f3e1f6;
--color-regal-orchid-200: #e3cbe6;
--color-regal-orchid-300: #c8accc;
--color-regal-orchid-400: #b192b8;
--color-regal-orchid-500: #9b78a2;
--color-regal-orchid-600: #836589;
--color-regal-orchid-700: #69516e;
--color-regal-orchid-800: #4c3b52;
--color-regal-orchid-900: #352839;
--color-regal-orchid-950: #201623;
}SCSS
$regal-orchid: #a282a9;
$regal-orchid-rgb: 162, 130, 169;
$regal-orchid-light: mix(#fff, $regal-orchid, 20%);
$regal-orchid-dark: mix(#000, $regal-orchid, 20%);
.element {
color: $regal-orchid;
box-shadow: 0 0 0 2px rgba($regal-orchid, 0.35);
}