Benannte Farbe · #005500
Pharmacy Green
Pharmacy Green ist #005500: rgb(0 85 0), hsl(120 100% 17%), oklch(0.389 0.133 142.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Pharmacy Green color name →
#005500
oklch(0.389 0.133 142.5)
Farbumrechnungen
- HEX
- #005500
- RGB
- rgb(0 85 0)
- HSL
- hsl(120 100% 17%)
- HWB
- hwb(120 0% 67%)
- OKLCH
- oklch(0.389 0.133 142.5)
- OKLab
- oklab(0.389 -0.105 0.081)
- CIE Lab
- lab(30.67 -35.63 36.41)
- LCH
- lch(30.67 50.95 134.4)
- CMYK
- cmyk(100% 0% 100% 67%)
Tints · Shades · Tones
Tints
- 266522
- 3F763B
- 578653
- 6E976A
- 85A882
- 9DB99A
- B5CAB3
- CDDCCC
- E6EDE5
Shades
- 004900
- 003D00
- 003100
- 002600
- 001C00
- 001100
- 000800
- 000200
- 000000
Tones
- 195A16
- 285E25
- 356331
- 40673D
- 4B6C48
- 567054
- 61745F
- 6B786A
- 767C75
Farbharmonien
Komplementär +180°
- 005500
Pharmacy Green
- 64256D
≈ Blackest Berry
Analog -30° +30°
- 005500
Pharmacy Green
- 464900
≈ No Emissions Green
- 005241
≈ Tetsu Green
Triadisch +120° +240°
- 005500
Pharmacy Green
- 1B3F8A
≈ Blue Oblivion
- 7D1A21
≈ Heirloom Red
Geteilt komplementär +150° +210°
- 005500
Pharmacy Green
- 493184
≈ Majestic Eggplant
- 761B4C
≈ Pansy Purple
Tetradisch +90° +180° +270°
- 005500
Pharmacy Green
- 004B68
≈ Adriatic
- 64256D
≈ Blackest Berry
- 6D3200
≈ Cold Press Coffee
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.13:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.29:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.13:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--pharmacy-green: #005500;
--pharmacy-green-rgb: 0 85 0;
--pharmacy-green-oklch: oklch(0.389 0.133 142.5);
}
.element {
color: var(--pharmacy-green);
background-color: hsl(120 100% 17%);
border-color: oklch(0.389 0.133 142.5);
}Tailwind CSS v4
@theme {
--color-pharmacy-green: #005500;
--color-pharmacy-green-50: #dfffde;
--color-pharmacy-green-100: #cef4cd;
--color-pharmacy-green-200: #b2e4b1;
--color-pharmacy-green-300: #8cc98c;
--color-pharmacy-green-400: #6eb268;
--color-pharmacy-green-500: #4b9c45;
--color-pharmacy-green-600: #40843c;
--color-pharmacy-green-700: #33692f;
--color-pharmacy-green-800: #264d1f;
--color-pharmacy-green-900: #1a3614;
--color-pharmacy-green-950: #0a2106;
}SCSS
$pharmacy-green: #005500;
$pharmacy-green-rgb: 0, 85, 0;
$pharmacy-green-light: mix(#fff, $pharmacy-green, 20%);
$pharmacy-green-dark: mix(#000, $pharmacy-green, 20%);
.element {
color: $pharmacy-green;
box-shadow: 0 0 0 2px rgba($pharmacy-green, 0.35);
}