Colore con nome · #7D949E
Wethers Field
Wethers Field è #7D949E: rgb(125 148 158), hsl(198 15% 55%), oklch(0.652 0.03 226). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Wethers Field color name →
#7D949E
oklch(0.652 0.03 226)
Conversioni di colore
- HEX
- #7d949e
- RGB
- rgb(125 148 158)
- HSL
- hsl(198 15% 55%)
- HWB
- hwb(198 49% 38%)
- OKLCH
- oklch(0.652 0.03 226)
- OKLab
- oklab(0.652 -0.021 -0.022)
- CIE Lab
- lab(59.77 -6.74 -8.16)
- LCH
- lch(59.77 10.59 230.4)
- CMYK
- cmyk(21% 6% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 899EA7
- 96A9B1
- A3B3BA
- AFBEC4
- BCC8CE
- C9D3D7
- D7DEE1
- E4E9EB
- F1F4F5
Ombre
- 6C8089
- 5B6D74
- 4B5A60
- 3B484D
- 2C363A
- 1E2629
- 111618
- 050809
- 010101
Toni
- 7D929B
- 7E9098
- 7E8E95
- 7F8C92
- 7F8A8F
- 7F888C
- 7F8689
- 808486
- 808283
Armonie di colore
Complementare +180°
- 7D949E
Wethers Field
- A08B81
≈ Aspiration
Analogo -30° +30°
- 7D949E
Wethers Field
- 7B9696
≈ North Cape Grey
- 8491A2
≈ Fantasy Grey
Triadico +120° +240°
- 7D949E
Wethers Field
- 9E8994
≈ Piano Mauve
- 92917C
≈ Farmer’s Market
Complementare divisa +150° +210°
- 7D949E
Wethers Field
- A18989
≈ Tin Pink
- 9B8E7C
≈ Chinchilla
Tetradico +90° +180° +270°
- 7D949E
Wethers Field
- 978A9C
≈ Eccentricity
- A08B81
≈ Aspiration
- 889482
≈ Matte Sage Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.18:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.60:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--wethers-field: #7d949e;
--wethers-field-rgb: 125 148 158;
--wethers-field-oklch: oklch(0.652 0.03 226);
}
.element {
color: var(--wethers-field);
background-color: hsl(198 15% 55%);
border-color: oklch(0.652 0.03 226);
}Tailwind CSS v4
@theme {
--color-wethers-field: #7d949e;
--color-wethers-field-50: #edf7fc;
--color-wethers-field-100: #deeaf0;
--color-wethers-field-200: #c8d7de;
--color-wethers-field-300: #a8bbc4;
--color-wethers-field-400: #8ca3ac;
--color-wethers-field-500: #728b96;
--color-wethers-field-600: #60757e;
--color-wethers-field-700: #4d5e65;
--color-wethers-field-800: #37454a;
--color-wethers-field-900: #263033;
--color-wethers-field-950: #141c1f;
}SCSS
$wethers-field: #7d949e;
$wethers-field-rgb: 125, 148, 158;
$wethers-field-light: mix(#fff, $wethers-field, 20%);
$wethers-field-dark: mix(#000, $wethers-field, 20%);
.element {
color: $wethers-field;
box-shadow: 0 0 0 2px rgba($wethers-field, 0.35);
}