Benannte Farbe · #16A74E
Liberty Green
Liberty Green ist #16A74E: rgb(22 167 78), hsl(143 77% 37%), oklch(0.639 0.171 149.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Liberty Green color name →
#16A74E
oklch(0.639 0.171 149.7)
Farbumrechnungen
- HEX
- #16a74e
- RGB
- rgb(22 167 78)
- HSL
- hsl(143 77% 37%)
- HWB
- hwb(143 9% 35%)
- OKLCH
- oklch(0.639 0.171 149.7)
- OKLab
- oklab(0.639 -0.148 0.086)
- CIE Lab
- lab(60.2 -51.85 35.1)
- LCH
- lch(60.2 62.61 145.9)
- CMYK
- cmyk(87% 0% 53% 35%)
Tints · Shades · Tones
Tints
- 40B060
- 5BB972
- 72C284
- 88CB95
- 9CD4A6
- B1DDB8
- C4E5CA
- D8EEDB
- EBF7ED
Shades
- 129143
- 0D7B38
- 09662D
- 065223
- 033E19
- 022C0F
- 011A07
- 000A02
- 000100
Tones
- 30A354
- 40A05A
- 4C9C60
- 579865
- 5F956A
- 67916F
- 6E8D73
- 758978
- 7A847C
Farbharmonien
Komplementär +180°
- 16A74E
Liberty Green
- C35FBD
≈ Purple Urn Orchid
Analog -30° +30°
- 16A74E
Liberty Green
- 819800
≈ Mossy Woods
- 00A28E
≈ Turquish
Triadisch +120° +240°
- 16A74E
Liberty Green
- 6482F3
≈ Pan Purple
- E05A49
≈ Pimento
Geteilt komplementär +150° +210°
- 16A74E
Liberty Green
- 9C6FE3
≈ Matt Purple
- DA5688
≈ Fandango Pink
Tetradisch +90° +180° +270°
- 16A74E
Liberty Green
- 0095DA
≈ Kahu Blue
- C35FBD
≈ Purple Urn Orchid
- CC7100
≈ Dirty Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.67:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.67:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--liberty-green: #16a74e;
--liberty-green-rgb: 22 167 78;
--liberty-green-oklch: oklch(0.639 0.171 149.7);
}
.element {
color: var(--liberty-green);
background-color: hsl(143 77% 37%);
border-color: oklch(0.639 0.171 149.7);
}Tailwind CSS v4
@theme {
--color-liberty-green: #16a74e;
--color-liberty-green-50: #d2ffdd;
--color-liberty-green-100: #bef9cc;
--color-liberty-green-200: #9ceab0;
--color-liberty-green-300: #6dd08b;
--color-liberty-green-400: #41ba64;
--color-liberty-green-500: #00a340;
--color-liberty-green-600: #008a37;
--color-liberty-green-700: #006f2c;
--color-liberty-green-800: #00511b;
--color-liberty-green-900: #023912;
--color-liberty-green-950: #002304;
}SCSS
$liberty-green: #16a74e;
$liberty-green-rgb: 22, 167, 78;
$liberty-green-light: mix(#fff, $liberty-green, 20%);
$liberty-green-dark: mix(#000, $liberty-green, 20%);
.element {
color: $liberty-green;
box-shadow: 0 0 0 2px rgba($liberty-green, 0.35);
}