Nazwany kolor · #606972
Feather Falls
Feather Falls to #606972: rgb(96 105 114), hsl(210 9% 41%), oklch(0.516 0.018 248.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Feather Falls color name →
#606972
oklch(0.516 0.018 248.2)
Konwersje koloru
- HEX
- #606972
- RGB
- rgb(96 105 114)
- HSL
- hsl(210 9% 41%)
- HWB
- hwb(210 38% 55%)
- OKLCH
- oklch(0.516 0.018 248.2)
- OKLab
- oklab(0.516 -0.007 -0.017)
- CIE Lab
- lab(43.87 -2.02 -6.3)
- LCH
- lch(43.87 6.61 252.2)
- CMYK
- cmyk(16% 8% 0% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F777F
- 7E858D
- 8D939A
- 9CA2A8
- ACB1B6
- BCC0C4
- CDD0D3
- DDDFE1
- EEEFF0
Odcienie ciemniejsze
- 525A62
- 454C53
- 383E44
- 2C3136
- 202428
- 15181B
- 0A0C0E
- 030404
- 000001
Tony
- 636B73
- 666E75
- 697076
- 6D7278
- 707479
- 73777A
- 76797C
- 7A7B7D
- 7D7E7F
Harmonie kolorów
Komplementarna +180°
- 606972
Feather Falls
- 6F665D
≈ Grouchy Badger
Analogowa -30° +30°
- 606972
Feather Falls
- 5D6B6F
≈ Spacebox
- 656772
≈ Alley Cat
Triada +120° +240°
- 606972
Feather Falls
- 726466
≈ Paradise Grape
- 656A5F
≈ Nature’s Gate
Komplementarna rozszczepiona +150° +210°
- 606972
Feather Falls
- 726560
≈ Sultry Spell
- 6A685D
≈ Naturalism
Tetrada +90° +180° +270°
- 606972
Feather Falls
- 6F646B
≈ Vintage Grape
- 6F665D
≈ Grouchy Badger
- 606B64
≈ Artistic Stone
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.58:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.76:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--feather-falls: #606972;
--feather-falls-rgb: 96 105 114;
--feather-falls-oklch: oklch(0.516 0.018 248.2);
}
.element {
color: var(--feather-falls);
background-color: hsl(210 9% 41%);
border-color: oklch(0.516 0.018 248.2);
}Tailwind CSS v4
@theme {
--color-feather-falls: #606972;
--color-feather-falls-50: #f1f6fa;
--color-feather-falls-100: #e3e8ee;
--color-feather-falls-200: #cfd5dc;
--color-feather-falls-300: #b1b8c0;
--color-feather-falls-400: #96a0a9;
--color-feather-falls-500: #7d8792;
--color-feather-falls-600: #6a737b;
--color-feather-falls-700: #555c63;
--color-feather-falls-800: #3d4348;
--color-feather-falls-900: #2a2e32;
--color-feather-falls-950: #181b1e;
}SCSS
$feather-falls: #606972;
$feather-falls-rgb: 96, 105, 114;
$feather-falls-light: mix(#fff, $feather-falls, 20%);
$feather-falls-dark: mix(#000, $feather-falls, 20%);
.element {
color: $feather-falls;
box-shadow: 0 0 0 2px rgba($feather-falls, 0.35);
}