Benannte Farbe · #565266
Freefall
Freefall ist #565266: rgb(86 82 102), hsl(252 11% 36%), oklch(0.45 0.033 294.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Freefall color name →
#565266
oklch(0.45 0.033 294.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 656274
- 757283
- 858291
- 9693A0
- A6A4B0
- B8B6BF
- C9C8CF
- DBDADF
- EDECEF
Shades
- 4A4658
- 3E3B4A
- 322F3C
- 27252F
- 1C1A23
- 121117
- 08080C
- 020204
- 000000
Tones
- 5A5669
- 5E5B6B
- 62606E
- 666470
- 6B6973
- 6F6D76
- 737278
- 77777B
- 7C7B7D
Farbharmonien
Komplementär +180°
- 565266
Freefall
- 555843
≈ Second Nature
Analog -30° +30°
- 565266
Freefall
- 4C5568
≈ Property
- 5F4F60
≈ Vintage Violet
Triadisch +120° +240°
- 565266
Freefall
- 645144
≈ Revival Mahogany
- 425B54
≈ Canadian Fir
Geteilt komplementär +150° +210°
- 565266
Freefall
- 5E5441
≈ Hiking Boots
- 4A5A4A
≈ Greener Pastures
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.51:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.79:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
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);
}