Nearest named color · #556115
#556115
Nearest named color: Forestial Outpost
#556115 (rgb(85 97 21), hsl(69 64% 23%), oklch(0.467 0.098 118.3)) is closest to the named color Forestial Outpost. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#556115
oklch(0.467 0.098 118.3)
Color conversions
- HEX
- #556115
- RGB
- rgb(85 97 21)
- HSL
- hsl(69 64% 23%)
- HWB
- hwb(69 8% 62%)
- OKLCH
- oklch(0.467 0.098 118.3)
- OKLab
- oklab(0.467 -0.047 0.087)
- CIE Lab
- lab(38.96 -12.88 38.64)
- LCH
- lch(38.96 40.74 108.4)
- CMYK
- cmyk(12% 0% 78% 62%)
Tints · Shades · Tones
Tints
- 647031
- 747F48
- 848E5E
- 949E74
- A5AE8B
- B7BDA1
- C8CEB8
- DADED0
- ECEEE7
Shades
- 495311
- 3D460C
- 313908
- 262D05
- 1C2103
- 111502
- 080B01
- 020300
- 000000
Tones
- 596425
- 5D6831
- 616B3C
- 656E46
- 6A7150
- 6E745A
- 727764
- 777A6D
- 7B7D77
Color harmonies
Complementary +180°
- 556115
Forestial Outpost
- 614C89
≈ Bright Eggplant
Analogous -30° +30°
- 556115
Forestial Outpost
- 705600
≈ Pickled Grape Leaves
- 2D6939
≈ Vegas Green
Triadic +120° +240°
- 556115
Forestial Outpost
- 0F618A
≈ Ink Blotch
- 854059
≈ Ancient Royal Banner
Split-complementary +150° +210°
- 556115
Forestial Outpost
- 435691
≈ Canyon Iris
- 774475
≈ Purple Passion
Tetradic +90° +180° +270°
- 556115
Forestial Outpost
- 006672
≈ Wakame Green
- 614C89
≈ Bright Eggplant
- 89423A
≈ Chocolate Cherry
Contrast & accessibility
Ag
AAOn white
WCAG 6.75:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.10:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.75:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--forestial-outpost: #556115;
--forestial-outpost-rgb: 85 97 21;
--forestial-outpost-oklch: oklch(0.467 0.098 118.3);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(69 64% 23%);
border-color: oklch(0.467 0.098 118.3);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #556115;
--color-forestial-outpost-50: #f1fadb;
--color-forestial-outpost-100: #e3edc9;
--color-forestial-outpost-200: #cedbac;
--color-forestial-outpost-300: #b0bf86;
--color-forestial-outpost-400: #99a762;
--color-forestial-outpost-500: #808f3e;
--color-forestial-outpost-600: #6c7935;
--color-forestial-outpost-700: #57612a;
--color-forestial-outpost-800: #40471c;
--color-forestial-outpost-900: #2c3112;
--color-forestial-outpost-950: #1a1d05;
}SCSS
$forestial-outpost: #556115;
$forestial-outpost-rgb: 85, 97, 21;
$forestial-outpost-light: mix(#fff, $forestial-outpost, 20%);
$forestial-outpost-dark: mix(#000, $forestial-outpost, 20%);
.element {
color: $forestial-outpost;
box-shadow: 0 0 0 2px rgba($forestial-outpost, 0.35);
}