Benannte Farbe · #4C9C77
Natural Orchestra
Natural Orchestra ist #4C9C77: rgb(76 156 119), hsl(152 34% 45%), oklch(0.632 0.098 161.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Natural Orchestra color name →
#4C9C77
oklch(0.632 0.098 161.7)
Farbumrechnungen
- HEX
- #4c9c77
- RGB
- rgb(76 156 119)
- HSL
- hsl(152 34% 45%)
- HWB
- hwb(152 30% 39%)
- OKLCH
- oklch(0.632 0.098 161.7)
- OKLab
- oklab(0.632 -0.093 0.031)
- CIE Lab
- lab(58.56 -32.53 11.6)
- LCH
- lch(58.56 34.53 160.4)
- CMYK
- cmyk(51% 0% 24% 39%)
Tints · Shades · Tones
Tints
- 60A684
- 72B091
- 84B99E
- 96C3AB
- A8CDB9
- B9D7C7
- CAE1D5
- DCEBE3
- EDF5F1
Shades
- 418767
- 367357
- 2C5F47
- 224C38
- 18392A
- 0F281C
- 061810
- 020905
- 000101
Tones
- 539978
- 5A9779
- 60947A
- 66917B
- 6B8E7C
- 708C7D
- 74897E
- 78867E
- 7C837F
Farbharmonien
Komplementär +180°
- 4C9C77
Natural Orchestra
- B2719B
≈ So Long Shadow
Analog -30° +30°
- 4C9C77
Natural Orchestra
- 749656
≈ Drab Green
- 2B9C98
≈ Latigo Bay
Triadisch +120° +240°
- 4C9C77
Natural Orchestra
- 8082C3
≈ Twilight Twinkle
- BC755A
≈ Sienna Sky
Geteilt komplementär +150° +210°
- 4C9C77
Natural Orchestra
- 9D78B5
≈ Purple Pride
- BD707A
≈ Rita’s Rouge
Tetradisch +90° +180° +270°
- 4C9C77
Natural Orchestra
- 5C8DC3
≈ Cobalt Glow
- B2719B
≈ So Long Shadow
- AE7F42
≈ Rare Find
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.31:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.32:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--natural-orchestra: #4c9c77;
--natural-orchestra-rgb: 76 156 119;
--natural-orchestra-oklch: oklch(0.632 0.098 161.7);
}
.element {
color: var(--natural-orchestra);
background-color: hsl(152 34% 45%);
border-color: oklch(0.632 0.098 161.7);
}Tailwind CSS v4
@theme {
--color-natural-orchestra: #4c9c77;
--color-natural-orchestra-50: #ddffee;
--color-natural-orchestra-100: #cbf3df;
--color-natural-orchestra-200: #aee2c9;
--color-natural-orchestra-300: #88c8aa;
--color-natural-orchestra-400: #66b18c;
--color-natural-orchestra-500: #3e9a72;
--color-natural-orchestra-600: #368260;
--color-natural-orchestra-700: #2b684d;
--color-natural-orchestra-800: #1f4d36;
--color-natural-orchestra-900: #153525;
--color-natural-orchestra-950: #062014;
}SCSS
$natural-orchestra: #4c9c77;
$natural-orchestra-rgb: 76, 156, 119;
$natural-orchestra-light: mix(#fff, $natural-orchestra, 20%);
$natural-orchestra-dark: mix(#000, $natural-orchestra, 20%);
.element {
color: $natural-orchestra;
box-shadow: 0 0 0 2px rgba($natural-orchestra, 0.35);
}