Benannte Farbe · #4F5A51
Hidden Forest
Hidden Forest ist #4F5A51: rgb(79 90 81), hsl(131 7% 33%), oklch(0.455 0.02 150.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Hidden Forest color name →
#4F5A51
oklch(0.455 0.02 150.7)
Farbumrechnungen
- HEX
- #4f5a51
- RGB
- rgb(79 90 81)
- HSL
- hsl(131 7% 33%)
- HWB
- hwb(131 31% 65%)
- OKLCH
- oklch(0.455 0.02 150.7)
- OKLab
- oklab(0.455 -0.017 0.01)
- CIE Lab
- lab(37.06 -5.95 3.69)
- LCH
- lch(37.06 7 148.2)
- CMYK
- cmyk(12% 0% 10% 65%)
Tints · Shades · Tones
Tints
- 5F6961
- 6F7871
- 808881
- 919892
- A3A9A4
- B4B9B5
- C7CAC7
- D9DCDA
- ECEDEC
Shades
- 444D45
- 38413A
- 2E352F
- 232924
- 191E1A
- 101310
- 070907
- 020302
- 000000
Tones
- 545E56
- 59615A
- 5D655F
- 626963
- 676D68
- 6C716D
- 717472
- 767876
- 7B7C7B
Farbharmonien
Komplementär +180°
- 4F5A51
Hidden Forest
- 5D535C
≈ Pinot Noir
Analog -30° +30°
- 4F5A51
Hidden Forest
- 55594C
≈ Beetle
- 4B5A57
≈ Midnight in NY
Triadisch +120° +240°
- 4F5A51
Hidden Forest
- 525662
≈ Ball Gown
- 615350
≈ Nighthawk
Geteilt komplementär +150° +210°
- 4F5A51
Hidden Forest
- 585460
≈ Black Dragon’s Cauldron
- 615256
≈ Pinot Noir
Tetradisch +90° +180° +270°
- 4F5A51
Hidden Forest
- 4D5861
≈ Fiord
- 5D535C
≈ Pinot Noir
- 5F544C
≈ Shadow Woods
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.20:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.91:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.20:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--hidden-forest: #4f5a51;
--hidden-forest-rgb: 79 90 81;
--hidden-forest-oklch: oklch(0.455 0.02 150.7);
}
.element {
color: var(--hidden-forest);
background-color: hsl(131 7% 33%);
border-color: oklch(0.455 0.02 150.7);
}Tailwind CSS v4
@theme {
--color-hidden-forest: #4f5a51;
--color-hidden-forest-50: #f1f7f2;
--color-hidden-forest-100: #e3eae5;
--color-hidden-forest-200: #ced7d0;
--color-hidden-forest-300: #b0bab3;
--color-hidden-forest-400: #96a298;
--color-hidden-forest-500: #7d8a7f;
--color-hidden-forest-600: #6a756c;
--color-hidden-forest-700: #555d56;
--color-hidden-forest-800: #3e443f;
--color-hidden-forest-900: #2b2f2b;
--color-hidden-forest-950: #181c18;
}SCSS
$hidden-forest: #4f5a51;
$hidden-forest-rgb: 79, 90, 81;
$hidden-forest-light: mix(#fff, $hidden-forest, 20%);
$hidden-forest-dark: mix(#000, $hidden-forest, 20%);
.element {
color: $hidden-forest;
box-shadow: 0 0 0 2px rgba($hidden-forest, 0.35);
}