Nearest named color · #2F8541
#2F8541
Nearest named color: Underclover
#2F8541 (rgb(47 133 65), hsl(133 48% 35%), oklch(0.548 0.131 147.5)) is closest to the named color Underclover. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2F8541
oklch(0.548 0.131 147.5)
Color conversions
- HEX
- #2f8541
- RGB
- rgb(47 133 65)
- HSL
- hsl(133 48% 35%)
- HWB
- hwb(133 18% 48%)
- OKLCH
- oklch(0.548 0.131 147.5)
- OKLab
- oklab(0.548 -0.111 0.071)
- CIE Lab
- lab(49.21 -38.38 28.54)
- LCH
- lch(49.21 47.83 143.4)
- CMYK
- cmyk(65% 0% 51% 48%)
Tints · Shades · Tones
Tints
- 479154
- 5D9D66
- 72A979
- 86B58B
- 9AC29E
- AECEB1
- C2DAC4
- D6E6D7
- EBF3EB
Shades
- 277337
- 20612E
- 195025
- 12401C
- 0C3013
- 06210B
- 031305
- 010601
- 000100
Tones
- 3B8548
- 45854F
- 4E8456
- 56845C
- 5E8362
- 658368
- 6C826E
- 738274
- 7A817A
Color harmonies
Complementary +180°
- 2F8541
Underclover
- 995298
≈ Hyacinth Violet
Analogous -30° +30°
- 2F8541
Underclover
- 6C7A00
≈ Murky Green
- 008470
≈ Summer Turquoise
Triadic +120° +240°
- 2F8541
Underclover
- 4F6CBD
≈ Amparo Blue
- B14E45
≈ Raging Bull
Split-complementary +150° +210°
- 2F8541
Underclover
- 7B5EB3
≈ Genestealer Purple
- AB4C71
≈ China Rose
Tetradic +90° +180° +270°
- 2F8541
Underclover
- 007AAE
≈ Nice Blue
- 995298
≈ Hyacinth Violet
- A85901
≈ Tijolo
Contrast & accessibility
Ag
AAOn white
WCAG 4.61:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.55:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--underclover: #2f8541;
--underclover-rgb: 47 133 65;
--underclover-oklch: oklch(0.548 0.131 147.5);
}
.element {
color: var(--underclover);
background-color: hsl(133 48% 35%);
border-color: oklch(0.548 0.131 147.5);
}Tailwind CSS v4
@theme {
--color-underclover: #2f8541;
--color-underclover-50: #dcffe1;
--color-underclover-100: #caf5d1;
--color-underclover-200: #ade5b6;
--color-underclover-300: #86ca93;
--color-underclover-400: #65b370;
--color-underclover-500: #3d9d50;
--color-underclover-600: #358544;
--color-underclover-700: #2a6a36;
--color-underclover-800: #204e24;
--color-underclover-900: #153618;
--color-underclover-950: #062109;
}SCSS
$underclover: #2f8541;
$underclover-rgb: 47, 133, 65;
$underclover-light: mix(#fff, $underclover, 20%);
$underclover-dark: mix(#000, $underclover, 20%);
.element {
color: $underclover;
box-shadow: 0 0 0 2px rgba($underclover, 0.35);
}