Colore con nome · #A0828A
Tropical Orchid
Tropical Orchid è #A0828A: rgb(160 130 138), hsl(344 14% 57%), oklch(0.637 0.038 0.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Tropical Orchid color name →
#A0828A
oklch(0.637 0.038 0.4)
Conversioni di colore
- HEX
- #a0828a
- RGB
- rgb(160 130 138)
- HSL
- hsl(344 14% 57%)
- HWB
- hwb(344 51% 37%)
- OKLCH
- oklch(0.637 0.038 0.4)
- OKLab
- oklab(0.637 0.038 0)
- CIE Lab
- lab(57.43 12.86 0.25)
- LCH
- lch(57.43 12.86 1.1)
- CMYK
- cmyk(0% 19% 14% 37%)
Tinte · Ombre · Toni
Tinte
- A98E95
- B39AA0
- BCA6AC
- C6B2B7
- CFBFC3
- D9CBCF
- E2D8DB
- ECE5E7
- F5F2F3
Ombre
- 8B7077
- 765F65
- 614E53
- 4E3E42
- 3B2F32
- 292022
- 191214
- 090607
- 010101
Toni
- 9D8289
- 9A8288
- 978287
- 938186
- 908185
- 8D8184
- 8A8183
- 878082
- 838081
Armonie di colore
Complementare +180°
- A0828A
Tropical Orchid
- 72938C
≈ Pool Tide
Analogo -30° +30°
- A0828A
Tropical Orchid
- 998396
≈ Berry Bliss
- A1837D
≈ Pigeon Pink
Triadico +120° +240°
- A0828A
Tropical Orchid
- 888F75
≈ Ginkgo Tree
- 778FA1
≈ Jean Jacket Blue
Complementare divisa +150° +210°
- A0828A
Tropical Orchid
- 7B927F
≈ Cyanara
- 719298
≈ Silk Khimar
Tetradico +90° +180° +270°
- A0828A
Tropical Orchid
- 948B71
≈ Tawny Owl
- 72938C
≈ Pool Tide
- 828BA3
≈ Violet Aura
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.46:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.05:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.05:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--tropical-orchid: #a0828a;
--tropical-orchid-rgb: 160 130 138;
--tropical-orchid-oklch: oklch(0.637 0.038 0.4);
}
.element {
color: var(--tropical-orchid);
background-color: hsl(344 14% 57%);
border-color: oklch(0.637 0.038 0.4);
}Tailwind CSS v4
@theme {
--color-tropical-orchid: #a0828a;
--color-tropical-orchid-50: #fff1f4;
--color-tropical-orchid-100: #f4e3e7;
--color-tropical-orchid-200: #e3ced3;
--color-tropical-orchid-300: #c9b0b6;
--color-tropical-orchid-400: #b3959d;
--color-tropical-orchid-500: #9d7c85;
--color-tropical-orchid-600: #846970;
--color-tropical-orchid-700: #6a545a;
--color-tropical-orchid-800: #4e3d42;
--color-tropical-orchid-900: #362a2e;
--color-tropical-orchid-950: #21181a;
}SCSS
$tropical-orchid: #a0828a;
$tropical-orchid-rgb: 160, 130, 138;
$tropical-orchid-light: mix(#fff, $tropical-orchid, 20%);
$tropical-orchid-dark: mix(#000, $tropical-orchid, 20%);
.element {
color: $tropical-orchid;
box-shadow: 0 0 0 2px rgba($tropical-orchid, 0.35);
}