Nearest named color · #2D5540
#2D5540
Nearest named color: Herbes de Provence
#2D5540 (rgb(45 85 64), hsl(149 31% 25%), oklch(0.413 0.058 159.5)) is closest to the named color Herbes de Provence. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2D5540
oklch(0.413 0.058 159.5)
Color conversions
- HEX
- #2d5540
- RGB
- rgb(45 85 64)
- HSL
- hsl(149 31% 25%)
- HWB
- hwb(149 18% 67%)
- OKLCH
- oklch(0.413 0.058 159.5)
- OKLab
- oklab(0.413 -0.054 0.02)
- CIE Lab
- lab(32.72 -18.97 7.7)
- LCH
- lch(32.72 20.47 157.9)
- CMYK
- cmyk(47% 0% 25% 67%)
Tints · Shades · Tones
Tints
- 416551
- 557563
- 698575
- 7D9587
- 92A69A
- A7B8AE
- BCC9C1
- D2DBD6
- E8EDEA
Shades
- 264936
- 1F3D2D
- 183124
- 11261B
- 0B1C13
- 06110B
- 020805
- 010201
- 000000
Tones
- 365946
- 3F5E4C
- 476253
- 4F6659
- 576A5F
- 5F6F66
- 68736C
- 707773
- 787C79
Color harmonies
Complementary +180°
- 2D5540
Herbes de Provence
- 603F55
≈ Mature Grape
Analogous -30° +30°
- 2D5540
Herbes de Provence
- 41522F
≈ Zen Garden Olive
- 1E5552
≈ Forbidden Forest
Triadic +120° +240°
- 2D5540
Herbes de Provence
- 45486A
≈ Deepest Fig
- 664033
≈ Roasted Coffee
Split-complementary +150° +210°
- 2D5540
Herbes de Provence
- 554263
≈ When Blue Met Red
- 673E44
≈ Beetroot
Tetradic +90° +180° +270°
- 2D5540
Herbes de Provence
- 324E6A
≈ Blueberry Pie
- 603F55
≈ Mature Grape
- 604527
≈ Brown Hen
Contrast & accessibility
Ag
AAAOn white
WCAG 8.45:1 · APCA Lc 89
Ag
FailOn black
WCAG 2.48:1 · APCA Lc 13
Best text color: #FFFFFF
WCAG 8.45:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--herbes-de-provence: #2d5540;
--herbes-de-provence-rgb: 45 85 64;
--herbes-de-provence-oklch: oklch(0.413 0.058 159.5);
}
.element {
color: var(--herbes-de-provence);
background-color: hsl(149 31% 25%);
border-color: oklch(0.413 0.058 159.5);
}Tailwind CSS v4
@theme {
--color-herbes-de-provence: #2d5540;
--color-herbes-de-provence-50: #e7fbf0;
--color-herbes-de-provence-100: #d8eee2;
--color-herbes-de-provence-200: #bfdccc;
--color-herbes-de-provence-300: #9ec1ae;
--color-herbes-de-provence-400: #81a992;
--color-herbes-de-provence-500: #649279;
--color-herbes-de-provence-600: #557c66;
--color-herbes-de-provence-700: #446352;
--color-herbes-de-provence-800: #31493b;
--color-herbes-de-provence-900: #213228;
--color-herbes-de-provence-950: #111e16;
}SCSS
$herbes-de-provence: #2d5540;
$herbes-de-provence-rgb: 45, 85, 64;
$herbes-de-provence-light: mix(#fff, $herbes-de-provence, 20%);
$herbes-de-provence-dark: mix(#000, $herbes-de-provence, 20%);
.element {
color: $herbes-de-provence;
box-shadow: 0 0 0 2px rgba($herbes-de-provence, 0.35);
}