Benannte Farbe · #006600
Pakistan Green
Pakistan Green ist #006600: rgb(0 102 0), hsl(120 100% 20%), oklch(0.442 0.15 142.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Pakistan Green color name →
#006600
oklch(0.442 0.15 142.5)
Farbumrechnungen
- HEX
- #006600
- RGB
- rgb(0 102 0)
- HSL
- hsl(120 100% 20%)
- HWB
- hwb(120 0% 60%)
- OKLCH
- oklch(0.442 0.15 142.5)
- OKLab
- oklab(0.442 -0.119 0.092)
- CIE Lab
- lab(36.98 -40.45 41.33)
- LCH
- lch(36.98 57.83 134.4)
- CMYK
- cmyk(100% 0% 100% 60%)
Tints · Shades · Tones
Tints
- 2A7526
- 448440
- 5C9357
- 73A26F
- 8AB186
- A1C19E
- B8D0B5
- CFE0CE
- E7EFE6
Shades
- 005800
- 004A00
- 003C00
- 002F00
- 002300
- 001700
- 000C00
- 000400
- 000000
Tones
- 1C6919
- 2C6C29
- 396F35
- 457241
- 4F744C
- 597757
- 637961
- 6D7C6B
- 777E76
Farbharmonien
Komplementär +180°
- 006600
Pakistan Green
- 782E83
≈ Maximum Purple
Analog -30° +30°
- 006600
Pakistan Green
- 545800
≈ Douro
- 00624E
≈ Sci-Fi Takeout
Triadisch +120° +240°
- 006600
Pakistan Green
- 224DA5
≈ The Blues Brothers
- 942129
≈ Rio Red
Geteilt komplementär +150° +210°
- 006600
Pakistan Green
- 583C9D
≈ Ruthless Empress
- 8C225B
≈ Violettuce
Tetradisch +90° +180° +270°
- 006600
Pakistan Green
- 005B7D
≈ Job’s Tears
- 782E83
≈ Maximum Purple
- 823D00
≈ Hazelnut Chocolate
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.24:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.90:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--pakistan-green: #006600;
--pakistan-green-rgb: 0 102 0;
--pakistan-green-oklch: oklch(0.442 0.15 142.5);
}
.element {
color: var(--pakistan-green);
background-color: hsl(120 100% 20%);
border-color: oklch(0.442 0.15 142.5);
}Tailwind CSS v4
@theme {
--color-pakistan-green: #006600;
--color-pakistan-green-50: #dcffdb;
--color-pakistan-green-100: #caf6c9;
--color-pakistan-green-200: #ade6ac;
--color-pakistan-green-300: #86cc86;
--color-pakistan-green-400: #65b45f;
--color-pakistan-green-500: #3e9e39;
--color-pakistan-green-600: #368632;
--color-pakistan-green-700: #2b6b27;
--color-pakistan-green-800: #214e18;
--color-pakistan-green-900: #16370f;
--color-pakistan-green-950: #072103;
}SCSS
$pakistan-green: #006600;
$pakistan-green-rgb: 0, 102, 0;
$pakistan-green-light: mix(#fff, $pakistan-green, 20%);
$pakistan-green-dark: mix(#000, $pakistan-green, 20%);
.element {
color: $pakistan-green;
box-shadow: 0 0 0 2px rgba($pakistan-green, 0.35);
}