Colore con nome · #939498
Fighter Jet
Fighter Jet è #939498: rgb(147 148 152), hsl(228 2% 59%), oklch(0.667 0.006 274.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fighter Jet color name →
#939498
oklch(0.667 0.006 274.9)
Conversioni di colore
- HEX
- #939498
- RGB
- rgb(147 148 152)
- HSL
- hsl(228 2% 59%)
- HWB
- hwb(228 58% 40%)
- OKLCH
- oklch(0.667 0.006 274.9)
- OKLab
- oklab(0.667 0.001 -0.006)
- CIE Lab
- lab(61.33 0.21 -2.25)
- LCH
- lch(61.33 2.26 275.4)
- CMYK
- cmyk(3% 3% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 9D9EA2
- A8A9AC
- B2B3B6
- BDBDC0
- C8C8CA
- D2D3D5
- DDDEDF
- E9E9EA
- F4F4F4
Ombre
- 7F8084
- 6C6D70
- 595A5C
- 47484A
- 363638
- 252627
- 161617
- 080808
- 010101
Toni
- 919296
- 8F9093
- 8D8E91
- 8B8C8E
- 898A8C
- 88888A
- 868687
- 848485
- 828282
Armonie di colore
Complementare +180°
- 939498
Fighter Jet
- 959490
≈ Grey Summit
Analogo -30° +30°
- 939498
Fighter Jet
- 919598
≈ Fighter Jet
- 959397
≈ Fighter Jet
Triadico +120° +240°
- 939498
Fighter Jet
- 989392
≈ Flint Rock
- 929593
≈ Lost Soul Grey
Complementare divisa +150° +210°
- 939498
Fighter Jet
- 979490
≈ Grey Summit
- 939591
≈ Lost Soul Grey
Tetradico +90° +180° +270°
- 939498
Fighter Jet
- 989394
≈ Opal Grey
- 959490
≈ Grey Summit
- 909595
≈ Kiwikiwi Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.03:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.92:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--fighter-jet: #939498;
--fighter-jet-rgb: 147 148 152;
--fighter-jet-oklch: oklch(0.667 0.006 274.9);
}
.element {
color: var(--fighter-jet);
background-color: hsl(228 2% 59%);
border-color: oklch(0.667 0.006 274.9);
}Tailwind CSS v4
@theme {
--color-fighter-jet: #939498;
--color-fighter-jet-50: #f4f5f7;
--color-fighter-jet-100: #e7e8ea;
--color-fighter-jet-200: #d3d4d7;
--color-fighter-jet-300: #b6b7ba;
--color-fighter-jet-400: #9d9ea2;
--color-fighter-jet-500: #85868a;
--color-fighter-jet-600: #707175;
--color-fighter-jet-700: #5a5b5e;
--color-fighter-jet-800: #424244;
--color-fighter-jet-900: #2d2e2f;
--color-fighter-jet-950: #1a1a1c;
}SCSS
$fighter-jet: #939498;
$fighter-jet-rgb: 147, 148, 152;
$fighter-jet-light: mix(#fff, $fighter-jet, 20%);
$fighter-jet-dark: mix(#000, $fighter-jet, 20%);
.element {
color: $fighter-jet;
box-shadow: 0 0 0 2px rgba($fighter-jet, 0.35);
}