Colore con nome · #442266
Fading Horizon
Fading Horizon è #442266: rgb(68 34 102), hsl(270 50% 27%), oklch(0.335 0.116 303.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Fading Horizon color name →
#442266
oklch(0.335 0.116 303.8)
Conversioni di colore
- HEX
- #442266
- RGB
- rgb(68 34 102)
- HSL
- hsl(270 50% 27%)
- HWB
- hwb(270 13% 60%)
- OKLCH
- oklch(0.335 0.116 303.8)
- OKLab
- oklab(0.335 0.064 -0.096)
- CIE Lab
- lab(20.97 27.55 -34.31)
- LCH
- lch(20.97 44 308.8)
- CMYK
- cmyk(33% 67% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 543775
- 654C84
- 776194
- 8976A3
- 9C8CB2
- AFA2C1
- C2B9D1
- D6D0E0
- EAE7EF
Ombre
- 3A1C58
- 30164A
- 26113C
- 1D0B2F
- 140723
- 0C0317
- 05010C
- 020004
- 000000
Toni
- 4A2C69
- 4F366C
- 55406F
- 5B4972
- 615275
- 675B77
- 6D647A
- 736E7C
- 7A777E
Armonie di colore
Complementare +180°
- 442266
Fading Horizon
- 2E3D00
≈ Dark Olive
Analogo -30° +30°
- 442266
Fading Horizon
- 262D71
≈ Blue Rose
- 57184F
≈ Grape Purple
Triadico +120° +240°
- 442266
Fading Horizon
- 512D00
≈ Kyoto House
- 00403A
≈ Rich Black
Complementare divisa +150° +210°
- 442266
Fading Horizon
- 423500
≈ Night in the Woods
- 004321
≈ Moisty Mire
Tetradico +90° +180° +270°
- 442266
Fading Horizon
- 651504
≈ Cowpeas
- 2E3D00
≈ Dark Olive
- 003E49
≈ Ghostlands Coal
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.60:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.66:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.60:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--fading-horizon: #442266;
--fading-horizon-rgb: 68 34 102;
--fading-horizon-oklch: oklch(0.335 0.116 303.8);
}
.element {
color: var(--fading-horizon);
background-color: hsl(270 50% 27%);
border-color: oklch(0.335 0.116 303.8);
}Tailwind CSS v4
@theme {
--color-fading-horizon: #442266;
--color-fading-horizon-50: #fdedff;
--color-fading-horizon-100: #f1dfff;
--color-fading-horizon-200: #e0c8fc;
--color-fading-horizon-300: #c6a8e7;
--color-fading-horizon-400: #ad8dd6;
--color-fading-horizon-500: #9771c4;
--color-fading-horizon-600: #7f60a6;
--color-fading-horizon-700: #664d85;
--color-fading-horizon-800: #4a3864;
--color-fading-horizon-900: #332646;
--color-fading-horizon-950: #1f142d;
}SCSS
$fading-horizon: #442266;
$fading-horizon-rgb: 68, 34, 102;
$fading-horizon-light: mix(#fff, $fading-horizon, 20%);
$fading-horizon-dark: mix(#000, $fading-horizon, 20%);
.element {
color: $fading-horizon;
box-shadow: 0 0 0 2px rgba($fading-horizon, 0.35);
}