Benannte Farbe · #556611
Forestial Outpost
Forestial Outpost ist #556611: rgb(85 102 17), hsl(72 71% 23%), oklch(0.48 0.107 120.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Forestial Outpost color name →
#556611
oklch(0.48 0.107 120.9)
Farbumrechnungen
- HEX
- #556611
- RGB
- rgb(85 102 17)
- HSL
- hsl(72 71% 23%)
- HWB
- hwb(72 7% 60%)
- OKLCH
- oklch(0.48 0.107 120.9)
- OKLab
- oklab(0.48 -0.055 0.092)
- CIE Lab
- lab(40.54 -15.58 41.43)
- LCH
- lch(40.54 44.26 110.6)
- CMYK
- cmyk(17% 0% 83% 60%)
Tints · Shades · Tones
Tints
- 64752F
- 748347
- 84925E
- 95A174
- A5B08B
- B7C0A1
- C8CFB8
- DADFD0
- ECEFE7
Shades
- 49580D
- 3D4A09
- 313C06
- 262F04
- 1C2302
- 111701
- 080C00
- 020400
- 000000
Tones
- 596923
- 5D6C30
- 616E3C
- 667146
- 6A7450
- 6E765A
- 737964
- 777B6D
- 7B7E77
Farbharmonien
Komplementär +180°
- 556611
Forestial Outpost
- 684D90
≈ Grapes of Italy
Analog -30° +30°
- 556611
Forestial Outpost
- 725A00
≈ Hot Mustard
- 256E3D
≈ Billiard Ball
Triadisch +120° +240°
- 556611
Forestial Outpost
- 0C6494
≈ Craving Cobalt
- 8D415A
≈ Umemurasaki Purple
Geteilt komplementär +150° +210°
- 556611
Forestial Outpost
- 47589A
≈ Nuthatch Back
- 7F4579
≈ Magic Magenta
Tetradisch +90° +180° +270°
- 556611
Forestial Outpost
- 006A78
≈ Mary Blue
- 684D90
≈ Grapes of Italy
- 904337
≈ Flower Pot
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.37:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.29:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--forestial-outpost: #556611;
--forestial-outpost-rgb: 85 102 17;
--forestial-outpost-oklch: oklch(0.48 0.107 120.9);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(72 71% 23%);
border-color: oklch(0.48 0.107 120.9);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #556611;
--color-forestial-outpost-50: #effbd9;
--color-forestial-outpost-100: #e1eec7;
--color-forestial-outpost-200: #cbdcaa;
--color-forestial-outpost-300: #adc183;
--color-forestial-outpost-400: #95a85e;
--color-forestial-outpost-500: #7c9137;
--color-forestial-outpost-600: #697a30;
--color-forestial-outpost-700: #546226;
--color-forestial-outpost-800: #3e4718;
--color-forestial-outpost-900: #2b3110;
--color-forestial-outpost-950: #181d03;
}SCSS
$forestial-outpost: #556611;
$forestial-outpost-rgb: 85, 102, 17;
$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);
}