Benoemde kleur · #9FA5A5
Silent Film
Silent Film is #9FA5A5: rgb(159 165 165), hsl(180 3% 64%), oklch(0.717 0.007 197). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Silent Film color name →
#9FA5A5
oklch(0.717 0.007 197)
Kleurconversies
- HEX
- #9fa5a5
- RGB
- rgb(159 165 165)
- HSL
- hsl(180 3% 64%)
- HWB
- hwb(180 62% 35%)
- OKLCH
- oklch(0.717 0.007 197)
- OKLab
- oklab(0.717 -0.007 -0.002)
- CIE Lab
- lab(67.25 -2.21 -0.78)
- LCH
- lch(67.25 2.34 199.5)
- CMYK
- cmyk(4% 0% 0% 35%)
Tinten · Schaduwen · Tonen
Tinten
- A8AEAE
- B2B6B6
- BBBFBF
- C4C8C8
- CED1D1
- D8DADA
- E1E3E3
- EBECEC
- F5F6F6
Schaduwen
- 8A8F8F
- 757979
- 616565
- 4D5151
- 3B3D3D
- 292B2B
- 181A1A
- 090A0A
- 010101
Tonen
- 9CA1A1
- 999D9D
- 969A9A
- 929696
- 8F9292
- 8C8F8F
- 898B8B
- 868787
- 838484
Kleurharmonieën
Complementair +180°
- 9FA5A5
Silent Film
- A8A2A2
≈ Beijing Moon
Analoog -30° +30°
- 9FA5A5
Silent Film
- A0A5A3
≈ Castlegate
- 9FA5A7
≈ Network Grey
Triadisch +120° +240°
- 9FA5A5
Silent Film
- A5A2A6
≈ Ashland Heights
- A6A39F
≈ Ashlite
Gesplitst complementair +150° +210°
- 9FA5A5
Silent Film
- A7A2A4
≈ Beijing Moon
- A7A2A0
≈ Pewter Grey
Tetradisch +90° +180° +270°
- 9FA5A5
Silent Film
- A3A3A8
≈ Mysterious Mauve
- A8A2A2
≈ Beijing Moon
- A4A49F
≈ Hazy Stratus
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.50:1 · APCA Lc 49
Ag
AAAOp zwart
WCAG 8.39:1 · APCA Lc 53
Beste tekstkleur: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Codefragmenten
CSS
:root {
--silent-film: #9fa5a5;
--silent-film-rgb: 159 165 165;
--silent-film-oklch: oklch(0.717 0.007 197);
}
.element {
color: var(--silent-film);
background-color: hsl(180 3% 64%);
border-color: oklch(0.717 0.007 197);
}Tailwind CSS v4
@theme {
--color-silent-film: #9fa5a5;
--color-silent-film-50: #f3f6f6;
--color-silent-film-100: #e5e8e9;
--color-silent-film-200: #d1d5d5;
--color-silent-film-300: #b4b8b9;
--color-silent-film-400: #9aa0a0;
--color-silent-film-500: #818888;
--color-silent-film-600: #6d7373;
--color-silent-film-700: #575c5c;
--color-silent-film-800: #404343;
--color-silent-film-900: #2c2e2e;
--color-silent-film-950: #191b1b;
}SCSS
$silent-film: #9fa5a5;
$silent-film-rgb: 159, 165, 165;
$silent-film-light: mix(#fff, $silent-film, 20%);
$silent-film-dark: mix(#000, $silent-film, 20%);
.element {
color: $silent-film;
box-shadow: 0 0 0 2px rgba($silent-film, 0.35);
}