Nearest named color · #097D28
#097D28
Nearest named color: Pharmaceutical Green
#097D28 (rgb(9 125 40), hsl(136 87% 26%), oklch(0.514 0.154 146)) is closest to the named color Pharmaceutical Green. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#097D28
oklch(0.514 0.154 146)
Color conversions
- HEX
- #097d28
- RGB
- rgb(9 125 40)
- HSL
- hsl(136 87% 26%)
- HWB
- hwb(136 4% 51%)
- OKLCH
- oklch(0.514 0.154 146)
- OKLab
- oklab(0.514 -0.127 0.086)
- CIE Lab
- lab(45.48 -44.07 36.19)
- LCH
- lch(45.48 57.03 140.6)
- CMYK
- cmyk(93% 0% 68% 51%)
Tints · Shades · Tones
Tints
- 338A3F
- 4D9755
- 65A46A
- 7BB17E
- 91BE93
- A7CBA8
- BDD8BE
- D3E5D3
- E9F2E9
Shades
- 076C21
- 055B1B
- 034B15
- 023B0F
- 012C09
- 011E04
- 001102
- 000501
- 000100
Tones
- 247E33
- 347E3E
- 417F47
- 4C8050
- 558058
- 5F8060
- 678069
- 708070
- 788078
Color harmonies
Complementary +180°
- 097D28
Pharmaceutical Green
- 924196
≈ Murasaki Purple
Analogous -30° +30°
- 097D28
Pharmaceutical Green
- 646F00
≈ Brownish Green
- 007965
≈ Shady Glade
Triadic +120° +240°
- 097D28
Pharmaceutical Green
- 3D60BE
≈ Blue Streak
- AE3935
≈ Indiscreet
Split-complementary +150° +210°
- 097D28
Pharmaceutical Green
- 714FB4
≈ Royal Lavender
- A7386A
≈ Valentine’s Day
Tetradic +90° +180° +270°
- 097D28
Pharmaceutical Green
- 00709E
≈ Cat’s Purr
- 924196
≈ Murasaki Purple
- 9C5000
≈ Burnt Bagel
Contrast & accessibility
Ag
AAOn white
WCAG 5.28:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.97:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--pharmaceutical-green: #097d28;
--pharmaceutical-green-rgb: 9 125 40;
--pharmaceutical-green-oklch: oklch(0.514 0.154 146);
}
.element {
color: var(--pharmaceutical-green);
background-color: hsl(136 87% 26%);
border-color: oklch(0.514 0.154 146);
}Tailwind CSS v4
@theme {
--color-pharmaceutical-green: #097d28;
--color-pharmaceutical-green-50: #d8ffdd;
--color-pharmaceutical-green-100: #c6f7cb;
--color-pharmaceutical-green-200: #a7e7af;
--color-pharmaceutical-green-300: #7ecd8a;
--color-pharmaceutical-green-400: #5bb664;
--color-pharmaceutical-green-500: #2ba040;
--color-pharmaceutical-green-600: #278737;
--color-pharmaceutical-green-700: #1f6c2c;
--color-pharmaceutical-green-800: #194f1c;
--color-pharmaceutical-green-900: #103712;
--color-pharmaceutical-green-950: #032204;
}SCSS
$pharmaceutical-green: #097d28;
$pharmaceutical-green-rgb: 9, 125, 40;
$pharmaceutical-green-light: mix(#fff, $pharmaceutical-green, 20%);
$pharmaceutical-green-dark: mix(#000, $pharmaceutical-green, 20%);
.element {
color: $pharmaceutical-green;
box-shadow: 0 0 0 2px rgba($pharmaceutical-green, 0.35);
}