Benannte Farbe · #72754F
Secret Meadow
Secret Meadow ist #72754F: rgb(114 117 79), hsl(65 19% 38%), oklch(0.55 0.055 111.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Secret Meadow color name →
#72754F
oklch(0.55 0.055 111.9)
Farbumrechnungen
- HEX
- #72754f
- RGB
- rgb(114 117 79)
- HSL
- hsl(65 19% 38%)
- HWB
- hwb(65 31% 54%)
- OKLCH
- oklch(0.55 0.055 111.9)
- OKLab
- oklab(0.55 -0.021 0.051)
- CIE Lab
- lab(48.22 -6.09 20.63)
- LCH
- lch(48.22 21.51 106.5)
- CMYK
- cmyk(3% 0% 32% 54%)
Tints · Shades · Tones
Tints
- 7F8260
- 8C8F70
- 9A9D81
- A8AA92
- B6B8A4
- C4C6B6
- D2D4C8
- E1E2DA
- F0F0EC
Shades
- 626544
- 535538
- 44462E
- 363723
- 282919
- 1B1C10
- 0E0F07
- 040502
- 010100
Tones
- 737654
- 757759
- 76785E
- 777A63
- 797B68
- 7A7C6D
- 7C7D72
- 7D7E77
- 7F7F7B
Farbharmonien
Komplementär +180°
- 72754F
Secret Meadow
- 726C90
≈ Bureaucracy
Analog -30° +30°
- 72754F
Secret Meadow
- 826F4C
≈ Wild Mushroom
- 5F7A5C
≈ Green Mantle
Triadisch +120° +240°
- 72754F
Secret Meadow
- 50788C
≈ Cayman Bay
- 8B6475
≈ Sweet Violet
Geteilt komplementär +150° +210°
- 72754F
Secret Meadow
- 607292
≈ Ocean Night
- 816785
≈ Matriarch
Tetradisch +90° +180° +270°
- 72754F
Secret Meadow
- 487B7F
≈ Lucky Shamrock
- 726C90
≈ Bureaucracy
- 8F6563
≈ Cloak of Mystery
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.80:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.37:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.80:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--secret-meadow: #72754f;
--secret-meadow-rgb: 114 117 79;
--secret-meadow-oklch: oklch(0.55 0.055 111.9);
}
.element {
color: var(--secret-meadow);
background-color: hsl(65 19% 38%);
border-color: oklch(0.55 0.055 111.9);
}Tailwind CSS v4
@theme {
--color-secret-meadow: #72754f;
--color-secret-meadow-50: #f5f7e5;
--color-secret-meadow-100: #e7ead6;
--color-secret-meadow-200: #d3d7bd;
--color-secret-meadow-300: #b7bb9b;
--color-secret-meadow-400: #9fa27c;
--color-secret-meadow-500: #878a5f;
--color-secret-meadow-600: #727551;
--color-secret-meadow-700: #5b5e40;
--color-secret-meadow-800: #43442e;
--color-secret-meadow-900: #2e2f1f;
--color-secret-meadow-950: #1b1c0f;
}SCSS
$secret-meadow: #72754f;
$secret-meadow-rgb: 114, 117, 79;
$secret-meadow-light: mix(#fff, $secret-meadow, 20%);
$secret-meadow-dark: mix(#000, $secret-meadow, 20%);
.element {
color: $secret-meadow;
box-shadow: 0 0 0 2px rgba($secret-meadow, 0.35);
}