Nearest named color · #46894D
#46894D
Nearest named color: Underclover
#46894D (rgb(70 137 77), hsl(126 32% 41%), oklch(0.57 0.114 146.1)) is closest to the named color Underclover. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#46894D
oklch(0.57 0.114 146.1)
Color conversions
- HEX
- #46894d
- RGB
- rgb(70 137 77)
- HSL
- hsl(126 32% 41%)
- HWB
- hwb(126 27% 46%)
- OKLCH
- oklch(0.57 0.114 146.1)
- OKLab
- oklab(0.57 -0.094 0.063)
- CIE Lab
- lab(51.55 -32.39 25.3)
- LCH
- lch(51.55 41.1 142)
- CMYK
- cmyk(49% 0% 44% 46%)
Tints · Shades · Tones
Tints
- 59955E
- 6CA06F
- 7EAC81
- 90B892
- A2C3A4
- B5CFB6
- C7DBC8
- D9E7DA
- ECF3EC
Shades
- 3C7642
- 326437
- 28532C
- 1E4222
- 153118
- 0D220F
- 051407
- 020702
- 000100
Tones
- 4D8853
- 548858
- 5A875D
- 608663
- 668568
- 6C846D
- 718372
- 768276
- 7B817B
Color harmonies
Complementary +180°
- 46894D
Underclover
- 9A5E9B
≈ Heath Spotted Orchid
Analogous -30° +30°
- 46894D
Underclover
- 747F24
≈ Pacifika
- 008B75
≈ Emerald Enchantment
Triadic +120° +240°
- 46894D
Underclover
- 5874BA
≈ Diva Violet
- B15A53
≈ Giant’s Club
Split-complementary +150° +210°
- 46894D
Underclover
- 7E68B2
≈ Clear Mauve
- AB5979
≈ Indian Pink
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.24:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.94:1 · APCA Lc 33
Best text color: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--underclover: #46894d;
--underclover-rgb: 70 137 77;
--underclover-oklch: oklch(0.57 0.114 146.1);
}
.element {
color: var(--underclover);
background-color: hsl(126 32% 41%);
border-color: oklch(0.57 0.114 146.1);
}Tailwind CSS v4
@theme {
--color-underclover: #46894d;
--color-underclover-50: #e0ffe3;
--color-underclover-100: #cff3d3;
--color-underclover-200: #b4e2b9;
--color-underclover-300: #8fc897;
--color-underclover-400: #70b175;
--color-underclover-500: #4e9a56;
--color-underclover-600: #43824a;
--color-underclover-700: #36683b;
--color-underclover-800: #284c28;
--color-underclover-900: #1b351b;
--color-underclover-950: #0b200b;
}SCSS
$underclover: #46894d;
$underclover-rgb: 70, 137, 77;
$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);
}