Colore con nome · #7EAF34
Football Field
Football Field è #7EAF34: rgb(126 175 52), hsl(84 54% 45%), oklch(0.695 0.159 128.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Football Field color name →
#7EAF34
oklch(0.695 0.159 128.8)
Conversioni di colore
- HEX
- #7eaf34
- RGB
- rgb(126 175 52)
- HSL
- hsl(84 54% 45%)
- HWB
- hwb(84 20% 31%)
- OKLCH
- oklch(0.695 0.159 128.8)
- OKLab
- oklab(0.695 -0.1 0.124)
- CIE Lab
- lab(66.2 -30.88 54.24)
- LCH
- lch(66.2 62.42 119.6)
- CMYK
- cmyk(28% 0% 70% 31%)
Tinte · Ombre · Toni
Tinte
- 8AB74E
- 97BF65
- A4C879
- B0D08D
- BDD8A0
- CAE0B3
- D7E8C6
- E4EFD9
- F2F7EC
Ombre
- 6D982C
- 5C8124
- 4C6B1C
- 3C5615
- 2D410E
- 1F2E07
- 111C03
- 050B01
- 010100
Toni
- 7EAB41
- 7FA64C
- 7FA154
- 7F9D5C
- 7F9863
- 80936A
- 808F70
- 808A76
- 80857B
Armonie di colore
Complementare +180°
- 7EAF34
Football Field
- B97EE7
≈ Lavender Blossom
Analogo -30° +30°
- 7EAF34
Football Field
- B49D00
≈ Kalliene Yellow
- 07BA77
≈ Fennel Fiesta
Triadico +120° +240°
- 7EAF34
Football Field
- 3DA2FA
≈ Rockman Blue
- ED6D88
≈ Grapefruit Juice
Complementare divisa +150° +210°
- 7EAF34
Football Field
- 898FFD
≈ Lavender Blue Shadow
- DB72BE
≈ Explicit Pink
Tetradico +90° +180° +270°
- 7EAF34
Football Field
- 00AFD1
≈ Hú Lán Blue
- B97EE7
≈ Lavender Blossom
- ED754C
≈ Koeksister
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.06:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--football-field: #7eaf34;
--football-field-rgb: 126 175 52;
--football-field-oklch: oklch(0.695 0.159 128.8);
}
.element {
color: var(--football-field);
background-color: hsl(84 54% 45%);
border-color: oklch(0.695 0.159 128.8);
}Tailwind CSS v4
@theme {
--color-football-field: #7eaf34;
--color-football-field-50: #e6ffd0;
--color-football-field-100: #d6f3bc;
--color-football-field-200: #bde39a;
--color-football-field-300: #9bc86f;
--color-football-field-400: #81b03e;
--color-football-field-500: #659900;
--color-football-field-600: #568100;
--color-football-field-700: #446700;
--color-football-field-800: #344b00;
--color-football-field-900: #233400;
--color-football-field-950: #122000;
}SCSS
$football-field: #7eaf34;
$football-field-rgb: 126, 175, 52;
$football-field-light: mix(#fff, $football-field, 20%);
$football-field-dark: mix(#000, $football-field, 20%);
.element {
color: $football-field;
box-shadow: 0 0 0 2px rgba($football-field, 0.35);
}