Nearest named color · #2A6E3F
#2A6E3F
Nearest named color: Bucolic
#2A6E3F (rgb(42 110 63), hsl(139 45% 30%), oklch(0.482 0.102 150.9)) is closest to the named color Bucolic. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2A6E3F
oklch(0.482 0.102 150.9)
Color conversions
- HEX
- #2a6e3f
- RGB
- rgb(42 110 63)
- HSL
- hsl(139 45% 30%)
- HWB
- hwb(139 16% 57%)
- OKLCH
- oklch(0.482 0.102 150.9)
- OKLab
- oklab(0.482 -0.089 0.05)
- CIE Lab
- lab(41.21 -31.03 19.58)
- LCH
- lch(41.21 36.69 147.7)
- CMYK
- cmyk(62% 0% 43% 57%)
Tints · Shades · Tones
Tints
- 417C51
- 578A63
- 6B9875
- 80A688
- 95B59B
- A9C3AE
- BED2C2
- D4E1D6
- E9F0EA
Shades
- 235F35
- 1C502C
- 164123
- 10331B
- 0A2612
- 05190A
- 020E04
- 010401
- 000100
Tones
- 357046
- 3F724C
- 487453
- 517659
- 597860
- 617966
- 697B6D
- 717D73
- 797E7A
Color harmonies
Complementary +180°
- 2A6E3F
Bucolic
- 7E4779
≈ Magic Magenta
Analogous -30° +30°
- 2A6E3F
Bucolic
- 566619
≈ Forestial Outpost
- 006E61
≈ Forest Splendour
Triadic +120° +240°
- 2A6E3F
Bucolic
- 495A97
≈ Blue Dude
- 8F4639
≈ Chocolate Explosion
Split-complementary +150° +210°
- 2A6E3F
Bucolic
- 684F8E
≈ Zimidar
- 8C435B
≈ Redcurrant
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.17:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.40:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--bucolic: #2a6e3f;
--bucolic-rgb: 42 110 63;
--bucolic-oklch: oklch(0.482 0.102 150.9);
}
.element {
color: var(--bucolic);
background-color: hsl(139 45% 30%);
border-color: oklch(0.482 0.102 150.9);
}Tailwind CSS v4
@theme {
--color-bucolic: #2a6e3f;
--color-bucolic-50: #e0fee8;
--color-bucolic-100: #cff2d8;
--color-bucolic-200: #b4e2c0;
--color-bucolic-300: #8fc79f;
--color-bucolic-400: #70b07f;
--color-bucolic-500: #4e9962;
--color-bucolic-600: #438154;
--color-bucolic-700: #356843;
--color-bucolic-800: #274c2e;
--color-bucolic-900: #1a351f;
--color-bucolic-950: #0a200f;
}SCSS
$bucolic: #2a6e3f;
$bucolic-rgb: 42, 110, 63;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}