Nearest named color · #365736
#365736
Nearest named color: Ficus
#365736 (rgb(54 87 54), hsl(120 23% 28%), oklch(0.422 0.066 144.3)) is closest to the named color Ficus. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#365736
oklch(0.422 0.066 144.3)
Color conversions
- HEX
- #365736
- RGB
- rgb(54 87 54)
- HSL
- hsl(120 23% 28%)
- HWB
- hwb(120 21% 66%)
- OKLCH
- oklch(0.422 0.066 144.3)
- OKLab
- oklab(0.422 -0.054 0.039)
- CIE Lab
- lab(33.73 -18.35 15.25)
- LCH
- lch(33.73 23.86 140.3)
- CMYK
- cmyk(38% 0% 38% 66%)
Tints · Shades · Tones
Tints
- 486648
- 5B765B
- 6E866E
- 829781
- 96A895
- AAB9A9
- BFCABE
- D4DBD3
- E9EDE9
Shades
- 2E4B2E
- 253E25
- 1E331E
- 162716
- 0F1C0F
- 081208
- 030803
- 010301
- 000000
Tones
- 3E5B3D
- 455F45
- 4C634C
- 546753
- 5B6C5B
- 627062
- 6A7469
- 717871
- 797C78
Color harmonies
Complementary +180°
- 365736
Ficus
- 604162
≈ Royal Plum
Analogous -30° +30°
- 365736
Ficus
- 4D5225
≈ Army Green
- 1D594B
≈ Country Meadow
Triadic +120° +240°
- 365736
Ficus
- 3B4D72
≈ Airforce
- 6D3E3B
≈ Burgundy Wine
Split-complementary +150° +210°
- 365736
Ficus
- 50466E
≈ True Romance
- 6A3E50
≈ Chilled Wine
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 8.16:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.57:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--ficus: #365736;
--ficus-rgb: 54 87 54;
--ficus-oklch: oklch(0.422 0.066 144.3);
}
.element {
color: var(--ficus);
background-color: hsl(120 23% 28%);
border-color: oklch(0.422 0.066 144.3);
}Tailwind CSS v4
@theme {
--color-ficus: #365736;
--color-ficus-50: #eafbea;
--color-ficus-100: #daeedb;
--color-ficus-200: #c3dcc4;
--color-ficus-300: #a2c1a4;
--color-ficus-400: #87a986;
--color-ficus-500: #6b926a;
--color-ficus-600: #5b7b5a;
--color-ficus-700: #486348;
--color-ficus-800: #354833;
--color-ficus-900: #243223;
--color-ficus-950: #131e12;
}SCSS
$ficus: #365736;
$ficus-rgb: 54, 87, 54;
$ficus-light: mix(#fff, $ficus, 20%);
$ficus-dark: mix(#000, $ficus, 20%);
.element {
color: $ficus;
box-shadow: 0 0 0 2px rgba($ficus, 0.35);
}