Nazwany kolor · #008822
Fatal Fields
Fatal Fields to #008822: rgb(0 136 34), hsl(135 100% 27%), oklch(0.545 0.172 144.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fatal Fields color name →
#008822
oklch(0.545 0.172 144.9)
Konwersje koloru
- HEX
- #008822
- RGB
- rgb(0 136 34)
- HSL
- hsl(135 100% 27%)
- HWB
- hwb(135 0% 47%)
- OKLCH
- oklch(0.545 0.172 144.9)
- OKLab
- oklab(0.545 -0.14 0.099)
- CIE Lab
- lab(49.19 -48.35 42.43)
- LCH
- lch(49.19 64.33 138.7)
- CMYK
- cmyk(100% 0% 75% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 33943D
- 4EA053
- 66AC69
- 7DB87E
- 93C493
- A8D0A8
- BEDCBE
- D4E7D3
- E9F3E9
Odcienie ciemniejsze
- 00751C
- 006316
- 005211
- 00410B
- 003107
- 002203
- 001301
- 000600
- 000100
Tony
- 238830
- 35873C
- 428746
- 4D864F
- 578658
- 608560
- 698469
- 718371
- 788178
Harmonie kolorów
Komplementarna +180°
- 008822
Fatal Fields
- 9F44A6
≈ Medium Purple
Analogowa -30° +30°
- 008822
Fatal Fields
- 6E7800
≈ Murky Green
- 00836C
≈ Viridis
Triada +120° +240°
- 008822
Fatal Fields
- 3D68D2
≈ God of Rain
- C03939
≈ Crimson Glow
Komplementarna rozszczepiona +150° +210°
- 008822
Fatal Fields
- 7A54C7
≈ Fuchsia Blue
- B73875
≈ Fuchsia Red
Tetrada +90° +180° +270°
- 008822
Fatal Fields
- 0079A9
≈ Sixties Blue
- 9F44A6
≈ Medium Purple
- AA5600
≈ Tijolo
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.62:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.54:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--fatal-fields: #008822;
--fatal-fields-rgb: 0 136 34;
--fatal-fields-oklch: oklch(0.545 0.172 144.9);
}
.element {
color: var(--fatal-fields);
background-color: hsl(135 100% 27%);
border-color: oklch(0.545 0.172 144.9);
}Tailwind CSS v4
@theme {
--color-fatal-fields: #008822;
--color-fatal-fields-50: #d6ffd9;
--color-fatal-fields-100: #c3f8c7;
--color-fatal-fields-200: #a3e9a9;
--color-fatal-fields-300: #78cf82;
--color-fatal-fields-400: #52b85a;
--color-fatal-fields-500: #15a230;
--color-fatal-fields-600: #18892a;
--color-fatal-fields-700: #146e22;
--color-fatal-fields-800: #135012;
--color-fatal-fields-900: #0c380c;
--color-fatal-fields-950: #002201;
}SCSS
$fatal-fields: #008822;
$fatal-fields-rgb: 0, 136, 34;
$fatal-fields-light: mix(#fff, $fatal-fields, 20%);
$fatal-fields-dark: mix(#000, $fatal-fields, 20%);
.element {
color: $fatal-fields;
box-shadow: 0 0 0 2px rgba($fatal-fields, 0.35);
}