Colore con nome · #565266
Freefall
Freefall è #565266: rgb(86 82 102), hsl(252 11% 36%), oklch(0.45 0.033 294.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Freefall color name →
#565266
oklch(0.45 0.033 294.2)
Conversioni di colore
- HEX
- #565266
- RGB
- rgb(86 82 102)
- HSL
- hsl(252 11% 36%)
- HWB
- hwb(252 32% 60%)
- OKLCH
- oklch(0.45 0.033 294.2)
- OKLab
- oklab(0.45 0.013 -0.03)
- CIE Lab
- lab(35.84 5.1 -11.02)
- LCH
- lch(35.84 12.14 294.8)
- CMYK
- cmyk(16% 20% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 656274
- 757283
- 858291
- 9693A0
- A6A4B0
- B8B6BF
- C9C8CF
- DBDADF
- EDECEF
Ombre
- 4A4658
- 3E3B4A
- 322F3C
- 27252F
- 1C1A23
- 121117
- 08080C
- 020204
- 000000
Toni
- 5A5669
- 5E5B6B
- 62606E
- 666470
- 6B6973
- 6F6D76
- 737278
- 77777B
- 7C7B7D
Armonie di colore
Complementare +180°
- 565266
Freefall
- 555843
≈ Second Nature
Analogo -30° +30°
- 565266
Freefall
- 4C5568
≈ Property
- 5F4F60
≈ Vintage Violet
Triadico +120° +240°
- 565266
Freefall
- 645144
≈ Revival Mahogany
- 425B54
≈ Canadian Fir
Complementare divisa +150° +210°
- 565266
Freefall
- 5E5441
≈ Hiking Boots
- 4A5A4A
≈ Greener Pastures
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.51:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.79:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--freefall: #565266;
--freefall-rgb: 86 82 102;
--freefall-oklch: oklch(0.45 0.033 294.2);
}
.element {
color: var(--freefall);
background-color: hsl(252 11% 36%);
border-color: oklch(0.45 0.033 294.2);
}Tailwind CSS v4
@theme {
--color-freefall: #565266;
--color-freefall-50: #f6f3fe;
--color-freefall-100: #e8e6f2;
--color-freefall-200: #d5d2e1;
--color-freefall-300: #b8b4c7;
--color-freefall-400: #9f9bb0;
--color-freefall-500: #87829a;
--color-freefall-600: #726e82;
--color-freefall-700: #5b5868;
--color-freefall-800: #42404d;
--color-freefall-900: #2e2c36;
--color-freefall-950: #1b1921;
}SCSS
$freefall: #565266;
$freefall-rgb: 86, 82, 102;
$freefall-light: mix(#fff, $freefall, 20%);
$freefall-dark: mix(#000, $freefall, 20%);
.element {
color: $freefall;
box-shadow: 0 0 0 2px rgba($freefall, 0.35);
}